Jquery UI摇动效果

时间:2016-02-24 02:40:55

标签: javascript jquery html css

我试图使用jquery摇动效果吸引对特定链接的注意。

链接为<a href="http://example.com" class="noticeMe">Link</a>

我找到的摇动效果示例脚本是:

$(document).ready(function(){
setInterval(function() {
$('.noticeMe').effect('shake',{ times:4, distance:10}, 1000);
}, 5000);
});

我将以下Jquery版本链接起来:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

震动效果不起作用,我似乎无法理解为什么因为我已经链接了最新的jquery库,并且复制/粘贴了示例代码。

我错过了什么吗?

示例的jsfiddle是http://jsfiddle.net/ipyxel/YRGb5/(这个小提琴不是我的代码,而是教程中的示例)。

据我所知,我已将所有设置正确,但无济于事。

我在我的平板电脑(android)上,所以不幸的是我无法查看控制台以了解是否发生了任何事情。

忘记提及,但教程位于http://ipyxel.com/3-simple-yet-effective-jquery-techniques-youll-use-time-and-again/

1 个答案:

答案 0 :(得分:2)

我认为您在连接库时遇到问题,我使用<script src="https://code.jquery.com/jquery-1.11.3.js"></script><script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js">并正常工作,请尝试查看此处。 http://jsbin.com/puhelaperi/edit?html,js,console,output