0

我到底在做什么工作，我似乎无法启动动画。我认为这与我试图调用 jquery 动画的原因有关

<script>
$('#grid').click(function() {
   console.log("dsdsd");
   $('#book').animate({
       opacity: 0.25,
       left: '+=50',
       height: 'toggle'
     }, 5000, function() {
   });
});
</script>


</head><body>

  <div class="portfolio">
    <ul id="grid">
       <li><a href="#" id="book" ><img src="1.jpg"></a></li>
       <li><a href="#"><img src="2.jpg"></a></li>
       <li><a href="#"><img src="3.jpg"></a></li>
       <li><a href="#"><img src="4.jpg"></a></li>

   </ul></div>
4

2 回答 2

1

这是一个缓慢的动画，但它有效（http://jsfiddle.net/sXyBa/）

jQuery(document).ready(function($) {
    $('#grid').click(function() {
     console.log("dsdsd");
     $('#book').animate({
       opacity: 0.25,
       left: '+=50',
       height: 'toggle'
       }, 5000, function() {
    });
  }); 
})
于 2013-07-22T23:54:16.963 回答
0

你错过了：

jQuery(function($){

   // your code here

});

这将确保在您开始与元素和事件交互之前读取 DOM。

PS：上面是一个更好的简写$(document).ready(function(){

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

更多：您有一个不需要的回调animate()函数，应该如下所示：

$('#book').animate({
   opacity: 0.25,
   left: '+=50',
   height: 'toggle'
}, 5000);

除非你有一些疯狂的东西，一旦动画结束就会触发

于 2013-07-22T23:54:26.830 回答