jquery - jQuery 插件 Tablesorter 2.0 行为怪异

Question

我从http://tablesorter.com/jquery.tablesorter.zip下载了 jQuery 插件 Tablesorter 2.0 并修改了 tablesorter/docs 目录中的 example-pager.html

我写了额外的翻转效果：

    $（函数（）{
        $("表")
            .tablesorter({widthFixed: true, 小部件: ['zebra']})
            .tablesorterPager({container: $("#pager")});

            /** 附加代码 */
            $("tr").mouseover(函数 () {
            $(this).addClass('over');
            });

            $("tr").mouseout(function () {  
            $(this).removeClass('over');
            });

            $("tr").click(函数 () {
            $(this).addClass('marked');
            });

            $("tr").dblclick(function () {  
            $(this).removeClass('marked');
            });
            /** 附加代码 END */


});

当然修改了themes/blue/style.css文件：

/* 附加代码 */
table.tablesorter tbody tr.odd td {
背景颜色：#D1D1F0；
}

table.tablesorter tbody tr.even td {
背景颜色：#EFDEDE；
}


table.tablesorter tbody tr.over td {
背景颜色：#FBCA33；
}

table.tablesorter tbody tr.marked td {
背景颜色：#FB4133；
}
/* 附加代码 END*/

所有这一切都很好，但是当我进入更多页面时，即第 2、3 或 4 页，效果消失了！我真的很感谢你的帮助

Answer 1

我解决了这个问题。

我只是在放置翻转和标记效果后调用寻呼机功能，这里是代码：

$(function() {
    $("table").tablesorter({widthFixed: true, widgets: ['zebra']});

            $("tr").mouseover(function () { 
            $(this).addClass('over');
            });

            $("tr").mouseout(function () {  
            $(this).removeClass('over');
            });

            $("tr").click(function () { 
            $(this).addClass('marked');
            });

            $("tr").dblclick(function () {  
            $(this).removeClass('marked');
            });

        $("table").tablesorterPager({container: $("#pager")});  
    });

Answer 2

仅供参考，如果您希望在单击新行时删除先前选择的行的“标记”类，您可以这样做：

$("tr").click(function () { 
  $("tr.selected").removeClass('marked');
  $(this).addClass('marked');
});

Answer 3

在对行着色进行排序后，我也遇到了一个问题。我通过指定以下内容解决了它：

$(#your_table).tablesorter({ widgets: ["zebra"], widgetZebra: {css: ["your_odd_css","your_even_css"]} });

现在效果很好。没有着色问题。