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 に答える