從文件html加載腳本標記

Question

在第一頁的標題中

<script type="text/javascript">
$(document).ready(function(){
  $("#register_reg").click(function(){
    $("#register_form").load("test_test.php #register_rules");
  });
});
</script>

在第二個文件（test_test.php）中ID #register_rules的內容中有這一行

<script type="text/javascript" src="jquerycode.js"></script>

問題是，在第一頁中，當我點擊鏈接（ID #register_reg）時未在ID #register_form中添加的行腳本

那么，我如何在ID #register_form中添加ID #register_rules的內容和here腳本

Answer 1

該腳本將從加載的HTML中刪除。

來自關於load（）的jQuery文檔（強調添加）

http://api.jquery.com/load/

腳本執行

使用不帶后綴選擇器表達式的URL調用.load（）時，在刪除腳本之前將內容傳遞給.html（）。 這將在丟棄之前執行腳本塊。 但是，如果使用附加到URL的選擇器表達式調用.load（），則在更新DOM之前會刪除腳本 ，因此不會執行腳本 。 兩種情況的示例如下所示：

這里，作為文檔一部分加載到#a的任何JavaScript都將成功執行。

1 $（“＃a”）。load（“article.html”）; 但是，在下列情況下，加載到#b的文檔中的腳本塊將被刪除而不執行：

1 $（“＃b”）。load（“article.html #target”）;

Answer 2

這是正確的代碼

<script type="text/javascript">
$(document).ready(function(){
  $("#register_reg").click(function(){
    $("#register_form").load("test_test.php #register_rules", function() { 
        $("#register_form").append("<script type='text/javascript' src='jquerycode.js'></" + "script>"); 
    });
  });
});
</script>

Answer 3

嘗試這個。

$("#register_form").load("test_test.php #register_rules",function(){
    $.getScript("jquerycode.js"); 
});