Question

我加载了这个：

$('#buy-div').load('../buyBar/buyBar.html',function() {
 //do some things here
 });

我想包括这个：

<script src="../buyBar/BuyBar.js"></script> //access some html that does not exist

由于此js，我正在寻找一些html，只有在完成.load函数之后，该getElementById才存在。（例如$('input').keyup(function() {完成之前发生的.load或{{1}}。

Answer 1

只需将要加载的html代码放到函数中即可。然后在.load('../buyBar/buyBar.html')

的回调函数中调用该函数

假设“ ../buyBar/BuyBar.js”最初包含

document.getElementByID("#someElement").innerHTML = "...";

您可以将其更改为

function someFunction(){document.getElementByID("#someElement").innerHTML = "...";}

现在只需像往常一样将<script src="../buyBar/BuyBar.js"></script>放在<head>中。然后执行以下操作：

$('#buy-div').load('../buyBar/buyBar.html',function() {
    someFunction();
    //do other stuff   
});

Answer 2

我发现.load完成后可以通过加载来完成：

     let script = document.createElement('script');
      script.src = "../buyBar/Pay.js";
      document.body.append(script);

这可行，但是我不确定是最好的解决方案。