各位好
我現在要做個效果是有個banner
下面個多個選項
hover選項時上面的banner會換成該選項專屬的banner
滑鼠離開時就回到原本
這段我是寫
選項.hover(function(){
banner.css("background", "url()");
}, function(){
banner.css("background", "");
});
然而按下去後上面的banner就會固定成該選項的圖案
選項.click(function(){
banner.css("background", "url();
});
可是這樣click的效果都沒出現
我有用bind去做
卻只有click的效果出來
用on 把 mouseenter/mouseleave 還有hover都加進去的話只有hover有效果
請問該如何解決 囧
假如有三個選項 每個選項就各2個function (hover and click)
請問還有更好的做法嗎?

你確定你click內容沒錯誤?

這樣? https://jsfiddle.net/lynn456/445907ec/

也可以 click 時把 hover off 掉 http://api.jquery.com/off/