2015-01-25 3 views
0

Я пытаюсь заставить мои изображения запускать bounceInLeft после загрузки, которая отлично работает, но я хочу использовать jQuery, чтобы вызвать эффект тряски для прокрутки. Я следую этому руководству по youtube http://youtu.be/CBQGl6zokMs Кажется, он работает неправильно, если вы можете помочь, пожалуйста, сделайте это.css анимация на прокрутке вверх и вниз

<!DOCTYPE> 
 
<html> 
 
\t <head> 
 
\t \t <title>Divs Galore</title> 
 
\t \t <link rel="stylesheet" href="animate.css"> 
 
\t \t <link rel="stylesheet" href="stylesheet.css"> 
 
\t \t 
 
\t </head> 
 
\t <body> 
 

 
\t \t <div> 
 
\t \t <img src="jennah.jpg"> 
 
\t \t </div> 
 
\t \t <div> 
 
\t \t <img src="jennah.jpg"> 
 
\t \t </div> 
 
\t \t <div> 
 
\t \t <img src="jennah.jpg"> 
 
\t \t </div> 
 
\t \t <div> 
 
\t \t <img src="jennah.jpg"> 
 
\t \t </div> 
 
\t \t <div> 
 
\t \t <img src="jennah.jpg"> 
 
\t \t </div> 
 
\t \t \t <input type="img"> 
 

 
\t \t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 

 
\t \t <script> 
 
\t \t $(function() { 
 
\t \t \t $('img').on('scroll',function() { 
 
\t \t \t \t $.addClass('animated shake'); 
 
\t \t }); 
 

 
\t \t }) 
 
\t \t \t 
 
\t \t \t 
 
\t \t </script> 
 

 
\t \t 
 
\t </body>

ответ

1

Кажется, вы не JQuery загружены, добавьте

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

к головной секции.

Дополнительная информация, из того, что я только что пробовал, событие onscroll происходит только в том случае, если происходит фактическая прокрутка, поэтому он не запускается на каждом колесе мыши (для этого есть событие «mousewheel»). Вы также должны назначить событие для окна, а не для ввода:

<input id="myinput"> 

... 

window.onmousewheel = function() { $('#myinput').addClass('animated shake')}; 
+0

Я отредактировал код, чтобы включить его, как сейчас. Конечно, он все еще не работает, а просто хочет знать, может ли кто-нибудь посоветовать мне на основе отредактированного кода. Благодарим за помощь и помощь – nhrobinson