javascript - AJAX URL 追加与存储的 jQuery .data() 冲突

Question

我有一个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 } );
  } );
} );

默认情况下一切正常，但是当为 AJAX 排序附加 URL 时，window我想我会丢失我的 ref，因为以下事件处理程序undefined在访问未附加 URL 时访问没有问题的数据时返回。我知道这一定是window事件处理程序中的引用问题，有人可以指出正确的引用方式，以便在为 AJAX 附加 URL 时window可以访问存储加载数据的 jQuery 对象吗？.on( 'hover', function() { //do stuff });

$( window ).on( 'hover', '[rel="popover"]', function() {
    var el = $(this);
    var this_content_data = el.data( 'content-attr' ).content;
    function() {
      // do stuff
    }
} );

Answer 1

在这个特定问题的情况下，我意识到这样做的唯一方法是将数据存储在.data视图初始化时的 jQuery 属性中，以供$(window).element.on( 'hover', ...){}.