javascript - jQuery：jRumble 插件脉冲效果不起作用

Question

我在包装的绝对定位 div 中的图像上使用 jRumble 插件（如建议的那样）

#headertitle is the absolute positioned div
#twitch is the image id

jRumble 插件：请看http://jackrugile.com/jrumble/ Demo 20

我很难让 Demo 20 (Pulse) 工作。我得到的效果更像是 Demo 16 (Constant)。我可以使效果完全起作用的唯一方法是使用以下代码：

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

    $('#twitch').trigger('startRumble');
    setTimeout(demoStop, 200);

    $('#twitch').trigger('stopRumble');
    setTimeout(demoStart, 200);
});

谢谢你的帮助

Answer 1

查看您提供的页面中的源代码，我观察到您尚未定义函数demoStartand demoStop，因此您在控制台中遇到错误，而不是所需的结果。将您的代码更改为以下内容：

$(function(){
   $('#headertitle').jrumble();
   var demoStart = function(){
       $('#twitch').trigger('startRumble');
       setTimeout(demoStop, 300);
   };

   var demoStop = function(){
       $('#twitch').trigger('stopRumble');
       setTimeout(demoStart, 300);
   };

   demoStart();
});

我已经在您的站点中测试了此代码（通过控制台）并且它有效。