отображает загрузку экрана при попытке сортировки данных

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

Вот пример:с примером, как легко использовать загрузочная наложения вертушка (create your own spinner)

Просто провод до $('.overlay').show() к тому, что ваши нажмите события и убедитесь, что для вызова $('.overlay').hide(), когда ваши данные выполняется сортировка