javascript - 导入支持其他 javascript 函数的 HTML 部分

Question

在我的 HTML 文件中，我使用 Jquery 导入了一些 HTML 部分，例如:Header、Footer。

$(function(){
              $("#leftsidebar").load("leftsidebar");
              $("#topnav").load("topnav");
              $("#footer").load("footer");
          });

问题是，那些 HTML 部分具有由另一个 js 文件支持的下拉功能。

<script src="js/custom.min.js"></script>

此功能不适用于这种方式。仅当我将上述 js 文件添加到该 html 部分时它才有效。我需要在主 html 文件中保留此导入，因为此 js 文件在其他 html 部分中也有用法。

我该如何解决这个问题？

Answer 1

$('selector').load(htmlUrl,function(){
  $.getScript(scriptUrl);
})