AJAX URL 追加与存储的 jQuery .data() 冲突
AJAX URL append conflicting with stored jQuery .data()
我有一个document.ready
函数,可以存储所有数据,为:hover
上的弹出框做准备。
domReady( function() {
$('.foo').each( function() {
var el = $(this);
var el_content = el.find('[data-content]');
el.data( 'content-attr', { content: el_content, classes: el_classes } );
} );
} );
默认情况下一切正常,但是当附加 URL 进行 AJAX 排序时,我想我丢失了我的window
ref,因为以下事件处理程序在访问数据时返回undefined
,当 URL 未附加时,访问这些数据没有问题。 我知道这一定是事件处理程序中window
引用问题,有人可以指出引用window
的正确方法,以便在为 AJAX 附加 URL 时.on( 'hover', function() { //do stuff });
可以访问加载时存储数据的 jQuery 对象?
$( window ).on( 'hover', '[rel="popover"]', function() {
var el = $(this);
var this_content_data = el.data( 'content-attr' ).content;
function() {
// do stuff
}
} );
在这个特定问题的情况下,我意识到这样做的唯一方法是在初始化视图时将数据存储在 jQuery .data
属性中,以便函数在$(window).element.on( 'hover', ...){}
上访问。
相关文章:
- Ember Data DS.Model's set函数不起作用
- Extending Ext.data.NodeInterface
- Javascript-ID冲突的几率
- 如何获取$data.Entity的密钥
- jQuery可以't获取data-*属性值,返回undefined
- Query JS Ext.data.Store
- 导致内容安全策略(CSP)冲突错误的本地jquery.js文件
- 设置'这'在React with Inverse Data Flow中
- Pg承诺性能提升:在冲突中
- 数据与Javascript中的继承冲突
- Angular ng控制器与ng应用程序冲突
- 返回按钮代码段的Jquery冲突
- 调试一个简单的jQuery函数;想知道是否与其他代码冲突
- 使用JavaScript和HTML5画布进行冲突检测
- javascript对象原型与jquery冲突
- jQuery与导航菜单上的mouseover事件冲突.
- Google Data API上的OOP Javascript回调方法
- AJAX URL 追加与存储的 jQuery .data() 冲突
- Reactjs:不变冲突:ReactMount:两个有效但不相等的节点,具有相同的“data reactid”:0.5
- Bootstrap data-slide属性与angularJS冲突