2013-01-05 79 views
0

我想使基於該懸停在圖片上的文字開關,但我有一些麻煩,我使用的代碼是:jQuery的文字開關

$("#myImg").hover(
    function() { 
    $('#myText1').css('display','inline'); 
    $('#myText').css('display','none'); 
    }, 
    function() { 
    $('#myText1').css('display','none'); 
    $('#myText').css('display','inline'); 
    }, 

我不知道爲什麼這不起作用

+1

你的代碼中有一個語法錯誤,用')'替換上一個'''。 – undefined

+0

您還試試$('#myText1')。show()和$('#myText')。hide() – Mate

+0

是否有任何理由使用.css而不是show/hide,fadeIn/fadeOut或toggle ? – PassKit

回答

2

不應該有最終的逗號,因爲這會導致語法錯誤。您還缺少呼叫右括號到.hover

$("#myImg").hover(
    function() { 
    $('#myText1').css('display','inline'); 
    $('#myText').css('display','none'); 
    }, 
    function() { 
    $('#myText1').css('display','none'); 
    $('#myText').css('display','inline'); 
    } 
); 

它通常最好使用.show.hide,而不是直接使用.css除非你有這樣做的原因(如元素的默認顯示的是與顯示時所希望的不同)。兩個相似的ID名稱也令人困惑。

+0

** + 1 **優秀的答案。 – arttronics

0

這個小小的一點看起來像有效的JS代碼,除了缺少的結束括號。 它如何不能正確工作,你有任何描述性的JavaScript錯誤?讓你所有的代碼進行調試將大有幫助。謝謝!

對不起,錯過了我應該說的結尾逗號也是壞的,但downvote沒有必要! :C