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 } );
  } );
} );

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

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

Answer 1

对于这个特定问题，我意识到唯一的方法是将数据存储在 jQuery .data 中。 $(window).element.on( 'hover', ...){} 上的函数访问 View 初始化的属性.