2013-05-21 66 views
0

加載功能,我有以下代碼:http://jsfiddle.net/7pM2b/167/jQuery是不是懸停

這是我的jQuery代碼:

$('#change_opacity').hover(function(){ 
    $(this).trigger('startRumble'); 
    }, function(){ 
    $(this).trigger('stopRumble'); 
    }); 

我想實現的是,懸停我想要的形象搖,我使用jRumble庫做這個「搖動」,但我似乎無法進行懸停工作。我錯過了什麼?

+2

'觸發' 是用來觸發內置事件,而不是功能。 –

+0

你在調用懸停之前是否初始化了jrumble? '$('#change_opacity')。jrumble();' –

+0

@Michael_B剛剛做到了這一點,仍然是同樣的問題。 – orange

回答

1

DEMO

這工作:

$(function() { 
    $('#change_opacity').jrumble(); 

    $('#change_opacity').hover(function() { 
     $(this).trigger('startRumble'); 
    }, function() { 
     $(this).trigger('stopRumble'); 
    }); 
} 
+0

您的不透明度將被jRumble覆蓋,您需要修改源以防止它設置不透明內聯。 –

2

jQuery'trigger'旨在觸發BUILT-IN事件,而不是調用函數。

我會假設你會使用這樣的:

$('#change_opacity').hover(function(){ 
    startRumble(this) 
} 
+0

即使改變它,它仍然不叫隆隆聲。 – orange

+0

打開JavaScript控制檯 - 查找錯誤消息。 –

+0

我沒有?我在Chrome上使用控制檯功能,並且沒有彈出錯誤。 – orange

0

你的元素初始化jRumble?

$('#change_opacity').jrumble(); 

這需要在您之前完成。

這是根據their site;