2011-04-13 58 views
0

当我单击使用JQuery的图像时,我无法使我的反弹效果起作用。它只是不会反弹。我在下面提供了我的代码。jquery中的弹跳效果不起作用?

<script type="text/javascript" src="js/jquery.js"></script> 

<a href="#"><img id="cog" src="images/icons/cog.png" alt="User Settings"/></a> 

$(document).ready(function() { 
    $("#cog").click(function() { 
     $(this).effect("bounce", {times: 3}, 500); 
    }); 
}); 
+0

你运行的是哪个版本的jquery? – jondavidjohn 2011-04-13 03:03:52

+0

标准jquery库中没有“效果”函数。 – 2011-04-13 03:04:10

回答

6

这是因为它是jQuery UI包的一部分。

尝试加入这一行

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
+0

太棒了!这次真是万分感谢! - 我可以在10分钟内接受答案。 :\ – 2011-04-13 03:04:09

+0

在这里看到小提琴:http://jsfiddle.net/maniator/zpg5S/ – Neal 2011-04-13 03:04:37

+0

很高兴我能帮到你 – jondavidjohn 2011-04-13 03:18:52

2

特效是jQueryUI,不是jQuery的一部分。