外部HTMLファイルをロードして再作業する機能

Question

私のHTML文書にはすでにscripts.jsファイルがあります。しかし、私は外部HTMLファイルを読み込むことでscripts.jsファイル内のすべての関数を再作成する必要があります。

$("#loader").load('projects/project_01.html', function() { 
    $.getScript("js/scripts.js"); 
}); 

スクリプトファイルを呼び出していますが、機能が再現しません。 scripts.jsファイル内のすべての関数を新しいファイルをロードするたびに再作成する方法は？

Answer 1

scripts.jsは、すでにあなたはおそらく同じように、そのファイルに何かをする必要がありロードされている場合：今、あなたはちょうどあなたが新しいコンテンツ

をロードした後、既に存在している関数を呼び出す

// group content funcionality into function(s) 
function contentInit(){ 
    $('button').doSomething(); 
    $('input').change(doSomethingElse);  
} 

// initial page load 
$(document).ready(function(){ 
    // for initial page content 
    contentInit(); 

    $("#loader").load('projects/project_01.html', function() { 
     // for ajax loaded content 
     contentInit(); 
    }); 
});