当使用jquery ajax加载函数时,JS代码在加载的内容中不起作用

时间:2014-09-25 10:33:26

标签: jquery asp.net ajax load

我有2页,1.first.html,2.second.html(带有简单的html标记)。 在这两个页面中,我都有一个div#container。

我将.js文件(jquery,app,plugins)链接到页面底部的两个页面中) 我在first.html中有一个锚点链接(链接到second.html),我用jquery处理了锚点上的click事件,我的代码如下所示:

$('a').on('click', function(){
    $('#container').load($(this).attr('href') + ' #container');
});

上面的代码,工作,但js代码(用于加载的内容)不起作用。 (例如我在second.html中使用了验证插件,或者在second.html中使用ajax提交了一些数据) 关键是,如果我重定向到second.html(不使用ajax),所有代码都能正常工作!

以下是来自api.jquery.com的关于加载功能的文本:

  

使用不带后缀选择器的URL调用.load()时   表达式,内容在脚本出现之前传递给.html()   除去。这将在丢弃之前执行脚本块。如果   使用附加到URL的选择器表达式调用.load(),   但是,在更新DOM之前,脚本会被删除,   因而没有被执行

我如何解决这个问题?任何替代方式?或者......

1 个答案:

答案 0 :(得分:0)

为什么不直接在第一页加载脚本?在加载第二页内容时,准备好了所有内容。