我是javascript和jquery的新手,我有这段代码可以将一个文本替换为另一个文本,除了第一次单击div之外,其他文本都可以正常工作。
有任何想法吗?我可能只是在呼吁错误,但不确定如何进行
这是一个小提琴: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;
}
谢谢!
最佳答案
您的文本最初有一些空格,trim
:
if ($self.text().trim() == "Contact")
第二次单击之所以起作用,是因为您的
else
条件将text
设置为“联系人”,而没有空格-然后,下次单击条件时,其计算结果为true
,一切都很好小提琴:http://jsfiddle.net/4r8v6/3/