从文件html加载脚本标记

时间:2014-05-19 21:18:29

标签: javascript jquery html css

在第一页的标题中

<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)时, #register_form

中未添加脚本

那么,我如何在ID #register_form

中添加ID #register_rules的内容和here脚本

3 个答案:

答案 0 :(得分:2)

该脚本已从加载的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”);

答案 1 :(得分:1)

这是正确的代码

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

答案 2 :(得分:0)

试试这个。

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