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/
推荐阅读
-
jquery mobile页面跳转后样式丢失js失效的解决方法教程
-
文件编码导致jquery失效的解决方法
-
Jquery修改页面标题title其它JS失效的解决方法
-
jquery mobile页面跳转后样式丢失js失效的解决方法教程
-
一个js导致的jquery失效问题的解决方法_javascript技巧
-
jquery动态改变onclick属性导致失效的问题解决方法
-
文件编码导致jquery失效的解决方法_jquery
-
jquery.messager.js插件导致页面抖动的解决方法_jquery
-
Jquery修改页面标题title其它JS失效的解决方法_jquery
-
文件编码导致jquery失效的解决方法