javascript - 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>

Answer 2

効果はjQuery ではなくjQueryUIの一部です。