欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-01 22:51:44
...

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/