кнопки Disabled по щелчку с JQuery мобильного

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> 

ЯШИ:

$('#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, кнопка заблокирована. Ницца. Но. Если я хочу написать новый комментарий, кнопка будет отключена. У меня есть ввод текста, но я не могу нажать кнопку. Я удалил свой новый текст во входных данных, и чем я могу что-то написать, и кнопка, наконец, включена.

Очень странно, как его исправить? Благодарю.

Answer 1

Я добавил строку, чтобы удалить комментарий один раз отвечал:

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

я также заменил свои hastext и notext функции с этим кодом, добавлены в textchange функции:

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

ВИДЕТЬ Fiddle ,