javascript - JQuery OnClick 在第一次单击时不会更改文本

Question

有一个基本链接，我将其用作按钮，并在用户单击它从编辑转到完成编辑时更改文本。当我第一次单击按钮时，单击事件发生，但文本不会更改，直到我再次单击它，这会抛出并且不按我想要的方式运行:

HTML:

 <a type="button" id="editButton" class="editButton" style="cursor: pointer">EDIT</a>

JS:

$("#editButton").click(function () {
    var $this = $(this);
    $this.toggleClass('editButt');
    if ($this.hasClass('editButt')) {
        $this.text('EDIT');
    } else {
        $this.text('DONE EDITING');
    }
});

Fiddle

Answer 1

您切换的类在第一次单击时不存在，因此这意味着它将添加它，然后运行您的条件。

添加类(class)并解决问题

<a type="button" id="editButton" class="editButton editButt" style="cursor: pointer">EDIT</a>

http://jsfiddle.net/U8Ns3/4/