Question

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

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

jRumble插件：请参阅http://jackrugile.com/jrumble/演示20

我很难让Demo 20（Pulse）工作。我得到的效果更像是演示16（常数）。我可以使用以下代码获得效果的唯一方法是：

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

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

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

感谢您的帮助

Answer 1

查看您提供的页面中的源代码，我发现您没有定义函数demoStart和demoStop，因此您在控制台中收到错误，而不是所需的结果。将您的代码更改为以下内容：

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

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

   demoStart();
});

我已经在您的网站上测试了此代码（通过控制台）并且可以正常运行。

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

1 个答案: