JQuery弹跳效果

Question

这里有几行编码器我试图弄清楚它为什么不起作用。它是jquery中一个简单的.effect，只需点击一下按钮即可触发。

$(document).on('click','#sub', function(){
    $('.circle').effect( "bounce", {times:3}, 300 );
});

我面临的错误是Uncaught TypeError: $(...).effect不是控制台中的功能。谢谢你的任何建议！

Answer 1

从问题和下面的讨论中读到，明确表示你缺少Jquery UI文件。导入Jquery UI

我为你的帮助问题创建了小提琴。

Fiddle

<script src="https://code.jquery.com/ui/1.8.24/jquery-ui.js">

- 帮助：）

Answer 2

另外，检查CSS版本，我做了这个小提琴

https://jsfiddle.net/g45v2f9f/6/

有了这个你只需要普通的jQuery

jQuery(document).ready(function(){
    $(document).on('click','#sub', function(){
        $(this).toggleClass('effect');
  })
});

效果类具有过渡效果，单击圆圈时会添加效果