当用户尝试对数据进行排序时显示加载微调器

Question

我需要帮助修改我的jquery tablesorter插件。

我正在使用位于http://tablesorter.com/docs/

的插件

<script type="text/javascript">
    $(document).ready(function() { 
        $('table').tablesorter({
        });
    }); 
    </script> 

我得到了用户的帮助，现在工作正常。 由于我要对大量数据进行排序，因此速度有点慢。

因此，当用户点击它时，我希望用户知道它正在尝试对数据进行排序。所以我想要一个提示或某些东西，当进行排序时会显示“正在加载”或“排序”或繁忙的符号 有人可以帮我吗？

Answer 1

来自the documentation：

$(document).ready(function() { 
    // call the tablesorter plugin, the magic happens in the markup 
    $("table").tablesorter(); 
    //assign the sortStart event 
    $("table").bind("sortStart",function() { 
        $("#overlay").show(); 
    }).bind("sortEnd",function() { 
        $("#overlay").hide(); 
    }); 
}); 

说明：插件实现了两个回调挂钩 - sortStart和sortEnd。所以在人类语言中，上面的代码意味着就在排序开始之前显示叠加层，并在排序完成后立即隐藏。

Answer 2

这是一个fiddle，其中有一个示例，说明如何轻松使用加载叠加微调器（create your own spinner）。

只需将$('.overlay').show()与您的点击事件相关联，并确保在您的数据排序时调用$('.overlay').hide()。