加載html后如何加載js文件？

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我正在尋找僅在.load函數完成后才存在的一些html 。 （例如getElementById或$('input').keyup(function() {在.load完成之前發生。

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

這有效，但我不確定是最好的解決方案。