2011-07-09 75 views
2

可能是一個菜鳥的錯誤,但我似乎無法得到以下工作;.hover()和.click()不能相互配合使用?

$(document).ready(function() { 
    $("div.button_normal").hover(
    function() { $(this).removeClass("button_normal").addClass("button_hover"); }, 
    function() { $(this).removeClass("button_hover").addClass("button_normal"); } 
    ); 
    $("div.button_normal").click(
    function() { $(this).removeClass("button_normal") } 
    ) 
}); 

如果我拉出來.hover(),它工作正常,但是,當包括.hover(),它會覆蓋.click()

任何人都可以幫助我解決它嗎?

+0

你應該能夠做到這一切ini你的css – Ibu

+0

固定的縮進,它揭示了'.click()'''''''' –

回答

2

您通過類選擇器綁定click,但在hover上,您正在刪除該類。因此click未開火。

例如,您可以使用ID選擇器或添加另一個類,例如button,該選項不會在hover上被刪除。

+0

我現在有這個,但只有.click()只在盤旋期間持有。 '$(文件)。就緒(函數(){ \t $( 「div.button_normal」)。懸停( \t函數(){$(本).removeClass( 「button_normal」)。addClass(「button_hover 「);}, \t函數(){$(本).removeClass(」 button_hover 「)addClass(」 button_normal 「);}); \t \t $(」 #button_2" )點擊( \t功能( ){$(this).removeClass(「button_hover」)。addClass(「button_active」);}) });' – Fireworksable

+0

你可以發佈jsfiddle嗎? – Mrchief

+0

http://jsfiddle.net/92U9z/ – Fireworksable

相關問題