Блог

Главная - Вопросы по программированию - Почему содержимое тега не обновляется, когда его данные-плагин=»счетчик» установлен

Почему содержимое тега не обновляется, когда его данные-плагин=»счетчик» установлен

#jquery #jquery-plugins

Вопрос:

У меня есть следующий HTML:

 <div class="col-6">
    <div class="text-right">
        <h3 class="mt-1">



lt;span id="ValueCounter" data-plugin="counterup">58,947</span></h3>

        <p class="text-muted mb-1 text-truncate">Total Revenue</p>

    </div>

</div>

 

Я использую Ajax для получения фактического значения из базы данных и пытаюсь обновить ту же функцию в jQuery ready, что и в разделе:


 $().ready(function() {
        //alert("JQuery Working");
        //Get data from DB and update the value in Span
        $.ajax({
            url: "ajax_get_customer_bill_total.php",
            type: 'post',
            dataType: "json",
            data: {
                    cust_id:"1",                    
                },
            success: function( data ) {
                    $("#ValueCounter").html(Math.round(data)); //<= this has not effect
            }
        });
});
 


Значение, возвращаемое из БД, не задается в  span  разделе «Почему и как это решить»?


Если я установлю значение/содержимое  span  в  0  значение, то значение будет обновлено. Опять же, почему и как это решить?


 <span id="ValueCounter" data-plugin="counterup">0</span>
 


Но тогда проблема настройки содержимого в  0  том, что значение, обновленное с помощью Ajax, не учитывается. Это просто кажется.




Комментарии:


1.  Большая часть плагина count up анимируется путем обновления содержимого    span    .   Если вы напрямую обновите значение    span    с помощью значения.   Это не сработало бы.   Вы можете проверить документацию вашего плагина, чтобы узнать, есть ли вызов API или функции для обновления значения.  


2.  Спасибо за ответ.   Но плагины счетчика, которые я проверил, не имеют поддержки/API для обновления значений.   Единственное, что дает API, — это прервать анимацию подсчета.  








	Метки: ,