Javascript 使用加载外部html文件重新处理函数

我的html文档已包含scripts.js文件。但是我需要在加载外部html文件时重新处理scripts.js文件中的所有函数

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

---

它正在调用脚本文件，但函数不再工作。如何在每次加载新文件时重新使用scripts.js文件中的所有函数？

如果已加载

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();
   });
});

现在，您只需在加载新内容后调用已经存在的函数