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

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(); 
    }); 
}); 

说明:插件实现了两个回调 Hook - sortStart 和 sortEnd。因此，用人类语言来说，上面的代码意味着在排序开始之前显示叠加层，并在排序完成后立即隐藏它。