jquery live 与使用 jquery ui api
2011-09-16 15:27
369 查看
live 解释:live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。
$('div.divCss').live('mousedown',function(){
alert('动态添加到dom中的div都会绑定该事件');
})
draggable: 为jquery.ui api中的拖动元素的方法
$('div.divCss').draggable(); 只能对当前dom中存在的div应用拖动方法,将来添加div的无效。
例:当页面中动态添加的div需要可拖动时,代码如下
$('div.divCss').live('mouseenter', function() {
$(this).die('mouseenter').draggable().resizable();
});
通过一种取巧的方式来将新增的div添加拖动功能。
$('div.divCss').live('mousedown',function(){
alert('动态添加到dom中的div都会绑定该事件');
})
draggable: 为jquery.ui api中的拖动元素的方法
$('div.divCss').draggable(); 只能对当前dom中存在的div应用拖动方法,将来添加div的无效。
例:当页面中动态添加的div需要可拖动时,代码如下
$('div.divCss').live('mouseenter', function() {
$(this).die('mouseenter').draggable().resizable();
});
通过一种取巧的方式来将新增的div添加拖动功能。
相关文章推荐
- JQuery 1.7.2 API中bind(),on(),live()和delegate()方法的使用
- jQuery验证控件jquery.validate.js使用说明+中文API
- 【转载】jQuery UI dialog 的使用
- 使用Jquery Easy UI要导入的js顺序
- jQuery验证控件jquery.validate.js使用说明+中文API(2)
- jQuery验证控件jquery.validate.js使用说明+中文API
- jquery.blockUI.js的使用示例
- jquery jqPlot API 中文使用教程
- jQuery UI dialog 的使用
- jQuery验证控件jquery.validate.js使用说明+中文API
- 使用 jQuery Mobile API 实现细粒度的自定义控制
- JQuery+AJAX+UI+API
- jQuery-全屏滚动插件【fullPage.js】API 使用方法总结
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明+中文API
- 使用jQuery和CSS3来访问Dribbble的API
- jQuery Eazyui的学习和使用(二)
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery UI Draggable + Sortable 结合使用(实例讲解)
- 如何忘却jQuery,开始使用JavaScript原生API