jquery的load()方法加载html后javascript失效解决方法

原创 2015年11月18日 01:04:57
如果你的事件是直接绑定到按钮上的话,那么当你重新load之后,按钮就不是原来的按钮了。
所以,你绑定到原来按钮上的事件,也不会出现在这个新的按钮上了。
所以,这个时候,就要给新的按钮重新绑定事件,或者使用事件委托,直接 把事件绑定到不变的元素上。

比如:
JavaScript code
?
1
2
3
4
5
6
7
8
9
10
11
12
$(document).on("click","button",function(){
    //这个时候,是把事件绑定到document上,
    //当每次点击document时,都会判断,当前点击的元素是不是button元素,
    //如果是button元素,则触发该事件
    //所以,这个时候,新添加的button,依然可以被触发该事件
});
 
$("button").on("click",function(){
    //这个时候,是把事件绑定到了每一个button元素上,
    //但是当页面上新添加button元素时,新添加的button是不会有这个事件的
    //跟你重新load,是相同的原理。
});

javascript中要远程载入html页面的DIV代码

body中要远程载入html页面的DIV



使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题

转载地址:http://www.cnblogs.com/qixing/p/6484437.html
  • ling125521
  • ling125521
  • 2017年06月24日 13:51
  • 370

解决jquery load加载JS失效问题

一般我们如果想在一个界面中显示另一个界面的内容通常使用load加载,但是load加载也有一定的弊端,对于静态的界面没有其他特殊js效果的界面用load加载是ok的,但是如果界面本身有js作用,那么在通...
  • Doulvme
  • Doulvme
  • 2016年12月23日 09:34
  • 3997

jquery的load()方法加载html后javascript失效解决方法

如果你的事件是直接绑定到按钮上的话,那么当你重新load之后,按钮就不是原来的按钮了。 所以,你绑定到原来按钮上的事件,也不会出现在这个新的按钮上了。 所以,这个时候,就要给新的按钮重新绑定事件,或者...
  • yangxiaochen_jk
  • yangxiaochen_jk
  • 2015年11月18日 01:04
  • 604

JQuery 解决用load加载页面到div时,不执行页面js的问题

1、在源码里加上此方法$("id").load(function(){ $(".close").click(function(){ $(".detail").hide(); })...
  • lovoo
  • lovoo
  • 2016年11月18日 21:35
  • 4078

jQuery的load方法设计动态加载及解决被加载页面js

上面提了下jQuery的load方法,感觉这需要记录下: jQuery load()方式是一个简单强大的ajax方法。 load()从服务器获取数据,并把返回的数据放入被选元素中。 语法 ...
  • qq_32447321
  • qq_32447321
  • 2017年12月12日 10:59
  • 430

jquery load()加载页面无法使用原页面 js

个人认为,load()方法就是ajax 的缩略版,简写版而且加载方式是异步的,之所以无法使用原来页面大概是因为在做异步加载的时候,页面调用了子页面的js 就是无法使用原页面的js,本人直接用ajax...
  • u013644839
  • u013644839
  • 2017年05月19日 14:16
  • 1623

解决用jquery load加载页面到div时,不执行页面js的问题

使用.bind()方法是很浪费资源的,因为它要匹配选择器中的每一项并且挨个设置相同的事件处理程序建议停止使用.live()方法,因为它已经被弃用了,由于他有很多的问题.delegate()方法“很划算...
  • qq_35038331
  • qq_35038331
  • 2017年01月09日 13:56
  • 2478

jquery加载HTML片段

一直以来群里里面很多人反应,在用tab加载界面的时候,界面里面的js不会执行。今天GodSon在此说明一下原因。 不管是window,dailog还是tab其实质最终都是继承了panel。pan...
  • u598975767
  • u598975767
  • 2016年03月28日 15:23
  • 2341

Jquery load()方法加载html片段

在上一个案例中用的ajax加载html片段实现导航的切换,这次的这个案例用同样的方法却不是很好实现。 案例:在一个导航栏中,实现点击导航出现不同的选择区域,而且每个页面都有下拉分页异步刷新的效果。如...
  • this_ITBoy
  • this_ITBoy
  • 2016年03月16日 17:29
  • 8048

Jquery的load()方法在IE中效果不理想的解决方法

在ie中load()方法去是拿缓存的数据而不是向服务器拿   在script开头加上这句js  让ie不读取缓存就好  如果只是一个方法用到load() 那就在load()之前加上这句 不需...
  • javaimport
  • javaimport
  • 2011年12月10日 13:13
  • 8623
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的load()方法加载html后javascript失效解决方法
举报原因:
原因补充:

(最多只允许输入30个字)