jquery - 为什么当它有一个 jQuery 参数时这个更新不起作用

Question

我的 javascript 标头中有以下内容：

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

我有一个 id 为 'time-div' 的 div

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

我正在使用 来进行倒计时。

如果我将 until: '+30s' 放在直到：$('#time-div').text() 的位置，那么我的 div 'remaining-time' 会显示倒计时。

当我有 $('#time-div').text() 时，它总是显示为零！现在，您在 click 函数中看到的警报会正确显示带有“+120s”的警报，表明 div 确实具有该值。

这里有什么问题？如何在 until: 参数中使用来自 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"});
});