jquery - jQuery在悬停时没有加载功能

Question

我有以下代码：http: //jsfiddle.net/7pM2b/167/

这是我的 jQuery 代码：

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

我想要实现的是，在悬停时我希望图像抖动，我正在使用jRumble库来执行此“抖动”，但我似乎无法进行悬停工作。我错过了什么？

Answer 1

jQuery 'trigger' 旨在触发 BUILT-IN 事件，而不是调用函数。

我会假设你会使用这样的东西：

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

Answer 2

演示

这有效：

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

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

Answer 3

您是否在元素上初始化了 jRumble？

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

这需要在您之前完成trigger(startRumble)。

这是根据他们的网站；