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

Question

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

我遇到的问题是，当我滚动任意数量然后单击某个字段时，tbody 会在 IE 中推回到其初始 0 scrollLeft(0) 位置，而在 Firefox 中，整个 tbody 会将位置向左移动到滚动的程度距离，它按预期在谷歌浏览器中工作。

这仅在水平滚动后发生。

下面是我用于标题与 tbody 一起滚动的 jquery 绑定：

      $("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 更新排序事件的视图。所以两者都试图控制视图，从而产生不稳定的行为。