2012-12-09 46 views
0

我在这个网站上看到很多关于使用jquery加载和加载HTML片段中的脚本的主题。不幸的是,我不能得到任何这些方法(getscript)的工作。这里是加载html和应该的javascript的代码。jquery加载和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加载页面,脚本似乎工作。这是page,这是假设有JavaScript的工作,但没有。通过点击美国狗菜单中的“大型”菜单可以访问相关页面。非常感谢帮助。

回答

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>

+0

我已添加您的修改后的代码;然而,JavaScript在部分加载之后仍然没有执行。请指教。 – user1437779

+0

在源代码中看不到代码... – metadings