Question

我有一个主（索引）页面，它动态加载页面并将它们放在div中，但这些页面中的Javascript不会执行。具体来说这部分

<script type="text/javascript">
    $(document).ready(function(){

        $('#regForm').submit(function(e) {
            register();
            e.preventDefault(); 
        }); 
    });
</script>

Answer 1

您必须使用getScript，如下所示：

$('#foo').load('bar.html', function(){
    $.getScript("js/fileName.js");
    // call a function from fileName.js
});

您必须将您的JS代码放入该文件并通过getScript调用它，然后您可以从中调用函数，如上所示。

Answer 2

在index.php中编写你的javascript，或者在没有document.ready

的情况下在加载页面的底部写

Answer 3

这实际上是一个跨浏览器问题：当<div>动态填充包含<script>标记的HTML时，这些脚本可能会也可能不会运行 - 这种行为不仅在浏览器之间有所不同，也可以在浏览器版本之间。

我所知道的唯一解决方法是提取你的JS，单独发送它并在设置<div>内容后执行它。

AJAX加载页面中的Javascript

3 个答案: