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

Question

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

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

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

我得到了用户的帮助，现在工作正常。由于我有大量数据要排序，所以有点慢。

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

Answer 1

从文档中：

$(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

这是一个如何轻松使用加载叠加微调器（创建自己的微调器）的示例。

只需连接$('.overlay').show()到您的点击事件，并确保$('.overlay').hide()在您的数据完成排序时调用。