2013-05-21 29 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;