执行外部html文件

Question

我正在尝试执行外部文件的功能。这些函数在scripts.js文件中，并且已在页面中加载。我无法再为外部html文件执行它们。这是脚本

的示例

function contentInit(){
   $("[data-background]").each(function () {
      var bgSRC = $(this).data('background');
      $(this).css({
         'background-image': 'url(' + bgSRC + ')'
      }); 
   });
}
$(document).ready(function(){
   contentInit();
});

并加载像这样的html文件;

$('.loader-item').each(function(){
   var item = $(this),
       project = $(item).data('project');
   $(item).on('click', function(e){
      $("#project-loader").load(project, function() {
           contentInit();
      });
   });
});

这是一个示例html;

<div class="loader-item" data-project="example-project.html"></div>

contentInit中的数据背景功能太多了。当外部页面加载时，它们不起作用。如何执行它们？或者这种情况还有另一种方法吗？