JQuery每2秒跳一次，无法让它工作

Question

我正在尝试对模板实施一点反弹效果，以便给它一些额外的号召性用语。

我在谈论这个模板：http://luukratief-design.nl/sim/

我想要完成的是让手机nr 2每2秒跳一次。

现在，当我在测试中尝试时，代码可以正常运行：http://www.luukratief-design.nl/sim/test

我使用此片段设置功能：

setInterval(function() 
    {
      $(".bounceme").effect( "bounce", 
          {times:4}, 100 );
     },2000);

而且，我用它来调用函数：

<div style="width:100px; height:100px; background-color:#006" class="bounceme">

现在不知怎的，当我尝试将它实现到我的模板时，我无法让它工作。我认为有些事情会发生冲突，并且可以使用一些帮助。

在此先感谢，我已经失去了3个小时:(

Answer 1

包含正确的库（jquery + jqueryUI）。

       setInterval(function() 
        {
        $(".bounceme").effect( "bounce", 
        {times:4}, 100 );
         },2000)

http://jsfiddle.net/EJWWh/

Answer 2

工作示例http://jsfiddle.net/Y4z43/

我想你忘了把它包含在你的标题中。你需要使用jQuery UI来实现跳出效果，它不在jquery中。

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"></script>

Answer 3

脚本tabs.js将jquery置于noConflict模式，因此您无法使用“$”符号引用它。使用

jQuery(".bounceme").effect( "bounce", ...

代替。