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

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/

评论

1 楼 www88485400 2015-09-11  

你可以考虑使用(".abtnSupportListContent").live("click",function(){

});
这样用load应该不会有问题。