我寫了一個JavaScript代碼來打開一個鏈接的點擊一個div:更改文本
<a id="show" href="#" class="lnk_log">
Show Information
</a>
<div id="info_div" style="display:none;">
sssss
</div>
和jQuery代碼是:
<script type="text/javascript">
$(document).ready(function() {
$("#show").click(function() {
if ($("#show").text() == "Show Information") {
$("#show").text("Hide Information");
$("#info_div").toggle("slow");
} else {
$("#show").text("Show Information");
$("#info_div").toggle("slow");
}
});
});
</script>
但問題是單詞的變化(顯示信息,隱藏信息) 當我點擊按鈕時顯示「顯示信息」,當再次點擊時顯示「隱藏信息」...其反向...可以找到我一個辦法 ?
它的工作對我來說......但你能告訴爲什麼會這樣? – 2014-10-16 13:36:26
.text()檢索包含換行符的文本。因此,在你以前的代碼中,它檢索「'新行'顯示信息'換行'」。然後點擊'if condition'爲false,所以它執行else條件。它將文本替換爲僅顯示信息而沒有新行。之後,你的代碼運行正確,但它與你相反。如果您只想使用以前的格式,您應該使用trim()函數刪除換行符和不必要的空格,如'Roko C. Buljan' – 2014-10-17 07:19:31