2016-01-15 2 views
0

Получил несколько строк кодера здесь, пытаясь понять, почему он не работает. Это простой эффект в jquery, который запускается одним нажатием кнопки.JQuery Bouncing Effect

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

И.М. ошибка столкнулись, является Uncaught TypeError: $(...).effect не является функцией в консоли. Спасибо за любые предложения!

+5

Метод 'effect()' не является частью ядра jQuery, а jQuery UI ... Так что включите jQuery UI. Говорят, вы могли бы анимировать его, используя CSS вместо –

+0

Какая версия jQuery, которую вы используете, и имеет ли эта версия api вызванный эффект()? –

+0

@ A.Wolff жаль im совершенно новый для jquery, что вы имеете в виду, мне нужно включить jquery ui тоже? – factordog

ответ

1

Чтение из вопроса и обсуждение ниже, его ясно, что у вас отсутствует файл JQuery UI. Импортируйте Jquery UI

Я создал скрипку для вашего вопроса для справки.

Fiddle

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

-Help :)

+0

Хорошо, я бы связал это после моего , который содержит этот код? – factordog

+0

никогда не работал над своим рабочим ^^, пришлось удалить некоторые старые ссылки на библиотеку ajax, которая была там! спасибо за ссылку. – factordog

+0

Рад помочь :) – Help

0

Кроме того, проверьте CSS версию, я сделал эту скрипку

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

С этим нужно только нормальный JQuery

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

Класс эффекта имеет переход и добавляется, когда вы нажимаете на круг