0

我在这个网站上看到了很多关于使用 jquery 加载和在 html 片段中加载脚本的主题。不幸的是,我无法让这些方法(getscript)中的任何一个起作用。这是加载 html 和假定的 javascript 的代码。

<script type="text/javascript">
    $.ajaxSetup ({
        cache: false
    });
   $(document).ready(function(){
    $("#x").click(function() {  
    event.preventDefault();
    $("#content").load("content.html", function(){
        $.getScript("imagemod.js")});
        return false;
          });
   });
</script>

但是,在加载碎片页面加载时,页面 javascript 似乎不起作用。当我不通过 ajax 加载页面时,脚本似乎可以工作。这是假设 javascript 工作但不是的页面。通过单击美国狗菜单的“大”可以访问相关页面。非常感谢您的帮助。

4

1 回答 1

0

您正在使用未定义的变量“事件”并忘记了分号...

<script type="text/javascript">
   $.ajaxSetup ({
     cache: false
   });
   $(document).ready(function () {
     $("#x").click(function(event) {  // event object is passed as first arg
       event.preventDefault();
       $("#content").load("content.html", function () {
         $.getScript("imagemod.js");
       });  // semicolon
       return false;
     });
   });
</script>

另请注意,如果您加载 html 文档,例如

<html>...</html>

而不是像这样的片段

<div>...</div>

浏览器不会正确地将其导入现有文档,因为它是一个独立的 DOM 文档。要执行 ajax 和部分 html,请加载像<div>...</div>.

于 2012-12-09T20:31:52.303 回答