jquery中的弹跳效果不起作用？

Question

当我使用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);
    });
});

Answer 1

那是因为它是jQuery UI包的一部分.

尝试添加此行

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