解决用jquery load加载页面到div时,不执行页面js的问题
来源:互联网 发布:jquery能储存数据不 编辑:程序博客网 时间:2024/05/18 04:50
- 使用.bind()方法是很浪费资源的,因为它要匹配选择器中的每一项并且挨个设置相同的事件处理程序
- 建议停止使用.live()方法,因为它已经被弃用了,由于他有很多的问题
- .delegate()方法“很划算”用来处理性能和响应动态添加元素的时候
- 新的.on()方法主要是可以实现.bind() .live() 甚至 .delegate()的功能
- 建议使用.on()方法,如果你的项目使用了1.7+的jQuery的话
html代码:<div id="header">js的代码:$(document).ready(function(){ $('#header').load('common/header.html');$('.dropdown').hover(function(){ $(this).children('ul').slideDown(); },function(){ $(this).children('ul').slideUp(); });});
只针对网页里面本来就有的元素有效,通过Ajax页面load加载进来的挂在DOM树上的元素只能通过事件委托来实现
js修改后的代码:
$(document).ready(function(){ $('#header').load('common/header.html');});$('#header').on('mouseenter','.dropdown',function(){ $(this).children('ul').slideDown(); }).on('mouseleave','.dropdown',function(){ $(this).children('ul').slideUp(); });
0 0
- JQuery 解决用load加载页面到div时,不执行页面js的问题
- 解决用jquery load加载页面到div时,不执行页面js的问题
- 通过二次加载脚本,解决Ajax加载的页面中JS脚本不执行问题
- jquery mobile页面跳转后js不执行的问题
- jQuery的load方法设计动态加载及解决被加载页面js
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- jquery中load()加载页面,刷新之后,加载的页面不显示的解决办法
- jquery load()加载页面无法使用原页面 js
- jquery load加载页面无法使用原页面js
- $.load加载动态页面ie失效,js失效的问题
- 页面加载时执行的js
- EasyUI的window加载的页面不执行js问题说明
- 解决jquery load加载JS失效问题
- Android中WebView加载H5页面JS不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- JQuery Mobile 页面跳转后js不执行的问题(二)
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- iOS 用AFN与后台双向https证书验证
- libjpeg使用
- C#的Enum——枚举
- JAVA并发容器代码随读
- VS2013+opencv2.4.9+cuda6.5+matlabr2014a+配置caffe
- 解决用jquery load加载页面到div时,不执行页面js的问题
- Android studio报:Caused by: java.lang.ClassNotFoundException: Didn't find class "xhs.com.view.ParentV
- Java 获取绝对路径与相对路径
- Paint House
- android-手机经纬度操作实践
- Eureka Web UI URL(eureka显示主界面路径设定)
- 【GIS】——和OpenLayers一起开启GIS之旅
- ESXI6.5虚拟机转换成物理机[V2P]
- centos 64位系统 ftp服务器搭建和配置