2012-05-18 2 views
1

Это мой HTML-страница:Jquery анимация не работает

<!DOCTYPE html> 
<html lang="en"> 

    <head> 

     <title>Example</title> 

     <meta charset="utf-8"> 

     <link rel="stylesheet" type="text/css" href="content/main.css"> 

     <script src="content/jquery.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
     $("#container").animate({ 
      'background-position': '1110px 1110px' 
     }, 1000, function() { 
     }); 
     </script> 

    </head> 

    <body> 

     <div id="container"> 

      <p>hello</p> 

     </div> 

    </body> 

</html> 

div контейнер должен анимировать с помощью JavaScript, что код, но ничего не происходит на страницу при открытии. Что я здесь делаю неправильно?

ответ

1

Ваш код в настоящее время запущен до Дерево DOM было полностью построено. Так что вам нужно, чтобы обернуть его

$(function() { // <--- begin of the wrap 

     $("#container").animate({ 
      'background-position': '1110px 1110px' 
     }, 1000, function() { 
     }); 

}); // <---- end of the wrap 

http://api.jquery.com/ready/

+0

ли ничего не делать. – Markum

+0

@Markum: http://stackoverflow.com/a/5078298/251311 – zerkms

+0

Кажется, я сделал это, перейдя в jQuery 1.4.4, однако этот код для анимации только перемещает фон один раз, может ли он быть зациклен? – Markum

Смежные вопросы