jquery - 将 livequery 表排序代码更新为 .on

Question

我正在将我的网站更新到 jQuery 1.7，并计划在第 2 阶段更新到最新版本。下面是我现有的 livequery 代码，我需要将其更新到 .on() 以维护表排序功能。

// EXISTING CODE - Applies table sorting to existing and future tables with class of tablesorter
$("table.tablesorter").livequery(function(){ // need to replace this .livequery code

我可以使用此代码对加载 DOM 时存在的表启用表排序，但它不适用于加载 DOM 后创建的表。

// Only works on existing tables
$('table.tablesorter').tablesorter();

我用 .on 尝试了以下代码，但它没有响应第一次点击

// Works on existing tables and tables created later, but it will not respond to initial click event
$(document).on('click', 'table.tablesorter', function(e){  $('table.tablesorter').tablesorter(); });

如有任何建议，我们将不胜感激。

Answer 1

如果您使用ajax加载表数据，只需在回调函数中初始化表(或如下所示的done函数；demo):

$.ajax({
  type: "GET",
  // should return raw html of the table
  url: "mysite.com/table"
}).done(function(data) {
  // add the table
  $(data).appendTo('body');
  // initialize it
  $('table').tablesorter({
    theme : 'blue'
  });
});

这只是众多示例之一。