Почему это не возобновит работу, когда он имеет аргумент JQuery

Question

У меня есть следующий в моем яваскрипте заголовка:

$(document).ready(function(){ 
    $("#renew").click(function() { 
     // Here we want to do an asynchronous ajax update of the time on the queue entry 
     alert('reset to '+$('#time-div').text()); 
     $("#remainingTime").countdown('option',{until: $('#time-div').text(), format: "mS", expiryText: "Entry Released"}); 
    }); 
    $("#remainingTime").countdown({until: $('#time-div').text(), format: "mS", expiryText: "Entry Released"}); 
}); 

У меня есть DIV с идентификатором «времени» DIV, где он имеет

<div id='time-div'>+120s</div> 

Я использую для обратного отсчета.

Если я поставил до: '+ 30s', где у меня есть до: $ ('# time-div').

Когда у меня есть $ ('# time-div'). Text(), он всегда показывает ноль! Теперь предупреждение, которое вы видите в функции щелчка, отображает предупреждение с «+ 120s» правильно, показывая, что у div есть это значение.

Что здесь не так? Как использовать значение из div в аргументе до::?

Answer 1

здесь, вероятно, лучше использовать атрибут data, хотя я не могу быть уверен, почему текст не работает.

попробовать это:

<div id='time-div' data-time_div="+120s">+120s</div> 

$(document).ready(function(){ 
    $("#renew").click(function() { 
     var time = $('#time-div').data('time_div'); 
     // Here we want to do an asynchronous ajax update of the time on the queue entry 
     alert('reset to '+ time); 
     $("#remainingTime").countdown('option',{until: time, format: "mS", expiryText: "Entry Released"}); 
    }); 
    $("#remainingTime").countdown({until: $('#time-div').data('time_div'), format: "mS", expiryText: "Entry Released"}); 
});