您的位置:首页 > Web前端 > JQuery

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

2015-09-11 10:51 661 查看
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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: