禁用的按鈕與jQuery Mobile的

Question

HTML：

<script src="http://zurb.com/playground/javascripts/plugins/jquery.textchange.min.js"></script> 
<form> 
     <input type="text" name="comment" id="comment" placeholder="Comment" maxlength="140" value=""/> 
     <div id="charactersLeft"></div> 
     <input type="submit" id="commentButton" data-icon="edit" data-inline="true" data-mini="true" data-theme="b" value="Send" disabled="disabled"/> 
    </form> 
    <div id="actionList"> 
    </div> 

JS：

$('#comment').bind('hastext', function() { 
    $('#commentButton').button('enable'); 
}); 

$('#comment').bind('notext', function() { 
    $('#commentButton').button('disable'); 
}); 

$('#comment').bind('textchange', function (event, previousText) { 
    $('#charactersLeft').html(140 - parseInt($(this).val().length)); 
}); 

    $('#commentButton').click(
    function(){ 
     $('#actionList').prepend('<p class="item">' + $('input[name=comment]').val().trim() + '</p>'); 
     $('#commentForm').each (function(){ this.reset(); }); 
     //document.getElementById('commentForm').reset(); 
     $(this).button('disable'); 
    } 
); 

在Fiddle其作品另一個，我的機器上。所以，測試本地。問題是：當我寫評論時，比單擊按鈕時，在#actionList評論apears，按鈕被阻止。尼斯。但。如果我想寫一個新的評論，該按鈕將被禁用。我有輸入文字，但我不能點擊按鈕。我在輸入中刪除了我的新文本，並且我最終可以寫入一些東西和按鈕。

它很奇怪，該如何解決？謝謝。

Answer 1

我說行，除去一次發表的評論：

$('#comment').val(""); 

我也換成你hastext和notext函數與此代碼，在textchange功能補充說：

var tb_value = this.value; 
if (tb_value == "") { 
    $('#commentButton').button('disable'); 
} else { 
    $('#commentButton').button('enable'); 
} 

見Fiddle 。