javascript - 在 ajax 加载的元素上重新初始化 jQuerytools 覆盖

Question

我正在尝试在新的 ajax 加载元素上重新初始化覆盖。这是我的代码:

  $('input.search-files').keyup(function(event){
      if( event.keyCode == 13 ) {

          $.ajax({
          type: "GET",
          url: ...,
          dataType: "html",
          data: {...},
          beforeSend: function(){ 
              $('.tr-documento').fadeOut('fast', function(){ $(this).remove(); });
              $('.table-content').find('.table-loader').show(); 
          },
          success: function(data) {
              if( $(data).filter('tr').length == 0 ){ 
                  $('.table-loader').before( '<tr class="tr-documento"><td colspan="10">Non ci sono</td></tr>' ); 
              } else{
                  $('.table-loader').before( $(data).filter('tr') );
              }        
             $('.table-content').find('.table-loader').hide();
             $("table.table-content").tablesorter({headers: { 0: { sorter: false }, 6: { sorter: false },7: { sorter: false },8: { sorter: false },9: { sorter: false } } });
             reInitializeAjaxed();
             $(".modifica-file[rel]").overlay();
        }
      });
    }
  });

此功能在按下“ENTER”键时触发。一切工作正常，表格排序器第一次点击就可以工作。相反，jQuerytools 覆盖事件仅在第二次点击“ENTER”时绑定(bind)。

有人知道这个问题吗？有没有办法“实时”覆盖事件而不是重新初始化每个ajax调用？我试过这个:

$(document).delegate('.modifica-file[rel]', 'load', function(){ $(".modifica-file[rel]").overlay(); });

但不起作用..

Answer 1

我认为没有打开，因为覆盖层仅初始化而没有触发。

您可以将 load 属性设置为 true，例如:

$(".modifica-file[rel]").overlay({load: true});

或使用 load 方法手动触发叠加层:

$(".modifica-file[rel]").data("overlay").load();

文档:http://jquerytools.org/documentation/overlay/

示例:http://jquerytools.org/demos/overlay/trigger.html