排序时Tablesorter.js水平滚动问题

Question

我正在使用tablesorter.js并且我有一个水平滚动条用于tbody并使用jquery水平滚动标题以及tbody滚动位置。

我遇到的问题是当我滚动任何数量然后单击某个字段的排序时，tbody将推回到IE中的初始0 scrollLeft（0）位置，并且在Firefox中整个tbody将位置左移至度滚动距离，它可以在谷歌浏览器中按预期工作。

仅在水平滚动后才会出现。

下面是我使用的jquery绑定标题，用于滚动tbody：

      $("tbody").bind('scroll', function () {
            var myScroll = $(this).scrollLeft();
            $(".fixedHeader").scrollLeft(myScroll);
        });

我正在使用它来尝试解决问题，但仍然没有运气。

        $("#scrollTable th span").bind('click', function() {
            var currentScroll = $(".fixedHeader").scrollLeft();
            $("tbody").scrollLeft(currentScroll);

Answer 1

这里的问题是我试图将Knockout.js与tablesorter.js一起使用并且他们发生冲突。 Knockout.js使用MVVM模式和tablesorter更新sort事件的视图。所以他们都试图控制观点，从而产生不稳定的行为。