Jquery方法load之后导致js失效解决方法

时间:2023-12-20 15:39:02

Jquery方法load之后导致js失效解决方法

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年9月11日 10:41:36 星期五

http://fanshuyao.iteye.com/

现在有两个页面,一个是a.html,一个是feeds.html,现在在a.html页面引入js文件,其中js文件有一个方法,方法的内容是在a.html页面id为feeds的div加载feeds.htlm页面的内容,如下

$("#feeds").load("feeds.html");

feeds.htlm页面的某个内容

<li>
<a class="abtnSupportListContent" href="javascript:void(0);" data-jsp="responsibility.jsp">
客户使用燃气的权利、责任和义务,燃气供应的责任和义务。
</a>
<p class="support-list-content"></p>
</li>

但是,加载进来后,a.html的页面的js方法(绑定abtnSupportListContent的click方法)没有起作用

$(".abtnSupportListContent").click(function(){
//……
);

解决方法:

不使用load方法,改成get方法,将得到的data放进div中,然后再下面再声明click事件

(使用load方法,然后在后面绑定也是不行的,只能使用get,post应该也行。)

$("#supportList").html(data);
$(".abtnSupportListContent").click(function(){
//……
);

注意的是:click事件不能放在get方法外面,试了一下,也不起作用。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年9月11日 10:41:36 星期五

http://fanshuyao.iteye.com/