JQuery彈跳效果

在這裏得到了幾行編碼器，試圖找出它爲什麼不工作。它是一個簡單的.effect在jquery中，通過點擊一個按鈕觸發。JQuery彈跳效果

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

面對錯誤IM是未捕獲TypeError: $(...).effect不在控制檯的功能。感謝您的任何建議！

2016-01-15 factordog

'effect（）'方法不是jQuery核心的一部分，但jQuery UI ...因此也包括jQuery UI。這就是說，你可以用CSS來改變它的動畫效果 –

你使用的是什麼版本的jQuery，並且該版本是否有一個叫做effect（）的API？ –

@ A.Wolff對不起，我對jquery相當陌生，你是什麼意思，我需要包括jquery ui呢？ – factordog

從這個問題和下面的討論中閱讀，它清楚地表明你缺少Jquery UI文件。導入Jquery UI

我已經爲您的幫助問題創建了小提琴。

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

- 幫助:)

2016-01-15 10:03:02 Help

好的，我會鏈接那個在我的哪個持有該代碼？ – factordog

不要錯過它的工作^^不得不刪除一些舊的鏈接到那裏的ajax庫！感謝您的鏈接。 – factordog

很高興幫助:) – Help

此外，檢查CSS的版本，我做了這個小提琴

有了這個，你只需要正常的jQuery

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

效果類具有過渡效果，當您點擊圓時添加該效果類

2016-01-15 10:23:39 miguelmpn

回答