живое обновление значения при изменении с помощью jquery

Question

У меня есть диапазон, который содержит номер элемента (в этом случае он подсчитывает количество элементов li в списке), эти элементы списка могут быть удалены, так что число изменится, как я могу в реальном времени обновлять номер каждый разсписок изменился?

Это код, который я использую для подсчета элементов списка

    var getTotal = jQuery('#ul li').length;
    $(".gettotal").text(getTotal);

Я смотрел в Google, но ничего не нашел.

Answer 1

Как создаются или удаляются ваши элементы li?Вы хотите, чтобы вызвать обновление счета на этом событии.Вы можете использовать способность jQuery для создания / запуска пользовательских событий с bind и trigger .

$('#ul').bind('li_deleted', function()
{
    $('.gettotal').text( $('#ul li').length );
});

//and every time an li is deleted..
$('#ul').trigger('li_deleted');

Другой (и не очень хороший) вариант - запустить таймерна странице и проверьте, изменяется ли количество элементов списка - но это будет очень ресурсоемким, я бы не стал этого делать, если бы это не было последним средством.

Answer 2

В зависимости от того, как часто меняется длина вашего списка, вы можете посмотреть плагин Data-Link для jQuery.

http://api.jquery.com/category/plugins/data-link