基本的に、ボタンで要素の編集を処理できるようにしようとしています。Edit
ボタンをクリックすると、テキストがに変更されSave Changes
、クラスが追加されて、ボタンが別のクリックイベントにバインドされ、クリックするとSave Changes
アラートSaved
が表示され、テキストがに戻されるようにしたいと思いますEdit
。これは一度完璧に行われます。それを続けようとすると、クラスが追加されたり、テキストが変更されたりすることはありません。
コード:
$(function() {
$button = $('button[name="edit"]');
$button.on('click', $button, function() {
var $that = $(this);
$that.text('Save Changes');
$that.addClass('js-editing');
if ($that.hasClass('js-editing')) {
$that.off('click').on('click', $that, function() {
alert('Saved!');
$that.text('Edit');
$that.removeClass('js-editing');
});
}
});
}); </ p>