javascript - jquery click 事件交换文本在第一次点击时不触发但在之后工作

Question

我是 javascript 和 jquery 的新手，我有一小段代码可以将一段文本换成另一段完美工作的代码除了第一次单击 div 时。

有什么想法吗？我可能只是调用错误但不确定如何进行

这是一个 fiddle :http://jsfiddle.net/pauljackson/4r8v6/

js:

$(document).ready(function() {
    $("#showemail").click(function() {
        var $self = $(this);
        if ($self.text() == "Contact")
        $self.text("someguy@theinternet.com");
        else
        $self.text("Contact");
    });
});

html:

<div id="showemail">
Contact
</div>

CSS:

#showemail:hover {
cursor:pointer;
}

谢谢!

Answer 1

你的文本原来有一些空白， trim 它:

if ($self.text().trim() == "Contact")

它在第二次点击时起作用的原因是因为您的 else 条件将 text 设置为没有空格的“Contact” - 那么下次您点击时，您的条件评估为 true 一切正常

fiddle :http://jsfiddle.net/4r8v6/3/