jquery - jquery事件没有第二次触发

Question

我的文本区域有一个类似 twitter 的倒计时，它是表单的一部分：

<form method="post" id="myemailform" action="">
<label for="ReferralMessage">Optional message:</label><textarea class="message" name="message"></textarea>
    <span class="countdown"></span>
</form>

我的 jQuery 1.8.3 代码：

function updateCountdown() {

    var remaining = 300 - jQuery('.message').val().length;
    jQuery('#myemailform button[type="submit"]').attr('disabled', false);
    if (remaining < 0){
        jQuery('.countdown').text(remaining).css({'color': 'red'});
        jQuery('#myemailform button[type="submit"]').attr('disabled', true);
    }
    if (remaining >= 0){
        jQuery('.countdown').text(remaining).css({'color': 'black'});
    }
}

jQuery(function() {

    var remaining = 300;
    //print amount currently
    jQuery('.countdown').text(remaining);
    //now update with changes
    jQuery('.message').on('input tap', updateCountdown);
});

在提交表单之前，这很好用。页面已刷新，但现在倒计时不再起作用。

虽然如果我手动刷新它会再次开始工作。为什么初始表单提交后没有触发事件？

Answer 1

啊。代码没有错。这与我的选择器发生冲突。我用作message我的文本框的名称。它似乎与其他事物发生冲突。如此简单的修复就是改变它：

<form method="post" id="myemailform" action="">
<label for="ReferralMessage">Optional message:</label><textarea class="optionalmessage" name="optionalmessage"></textarea>
    <span class="countdown"></span>
</form>