从文件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"); 
});