Question

为什么我只能从javascript输出一次渲染？我试着再次展示它并且它不起作用？

$(function() {
    $('#access').keyup(function () {
        var access = $('#access').val();
        var note = $('#note'),

        // Notice the *1000 at the end - time must be in milliseconds
        ts = (new Date(access * 1000)).getTime() + 1 * 24 * 60 * 60 * 1000;

        $('#countdown').countdown({
            timestamp: ts,
            callback: function(days, hours, minutes, seconds) {

                var message = "";

                message += days + "<small class='white'>D</small>, ";
                message += hours + "<small class='white'>H</small>, ";
                message += minutes + "<small class='white'>M</small>, ";
                message += seconds + "<small class='white'>S</small>";

                note.html(message);
            }
        });
    });
});

然后我在这里调用javascript，它运行正常。

    Pre-sale ends in <span id="note"></span>

然后在页面的下方，我尝试使用相同的HTML代码再次显示它，但在第二个上它是空白的。不行！

Answer 1

您在html中使用了id，每页只能使用一次。在您的javascript中将#note切换为.note并将#countdown切换为.countdown，并将该类添加到这两个元素中，它将显示出来。

Javascript输出只显示一次

1 个答案: