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 ajax方法如load,get等 在chrome下失效的问题

jquery ajax方法如load,get等 在CHROME下失效的问题(已经解决) 最近碰到一个问题。jquery在chrome 5.0+ 等版本中, ajax的load get等方法完全失...

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

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

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

个人认为load()方法,和ajax方法机制是一样的,而且默认为异步加载,当子页面做异步加载的时候已经运行了子页面中的js 此时子页面还没有加载完成(处于加载中的状态), 固然无法引用到原有页面的J...

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

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

svn设置忽略文件或者文件夹(目录)

由于在studio里面设置忽略已经无效,故需要在本地文件夹操作 找到项目目录,找到指定的文件夹或者文件 右键, 即可 支持多选,但是之后需要把操作全部提交上去 如果对方没有忽略成功,那么也不会被更...

基于bootstrap modal进行添加 修改,调用赋值

先上效果图吧: 查询列表: 添加modal: 修改modal和添加modal采用同一个,区别是在修改的时候对modal进行赋值,后端保存时采用hibernate saveOrup...

Javascript JQuery 图片预加载load事件IE不兼容的问题的解决方法

由于IE7、IE8之类的浏览器兼容性实在太差,经过测试,在使用图片预加载技术时,对JQuery的load事件,Image对象的onload事件,由于缓存的原因不会执行,导致程序在页面后退,或者动态生成...

利用jQuery load 方法加载HTML公共页面,导航菜单自动选中

最近做了一个纯静态页面的网页,有一些页面的公共部分,不想重复在每一个html 中编写,想用 "header.html" --> ,发现引用不了,不起作用。 后来知道,include是SSI(Serv...

Jquery load()方法加载html片段

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

javascript中采用jQuery ajax动态加载js文件的解决方法

var Env = new function () { this.envPath = null; this.getPath = function () { this.e...
  • hsg77
  • hsg77
  • 2016年04月19日 19:09
  • 2520
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的load()方法加载html后javascript失效解决方法
举报原因:
原因补充:

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