0

これが基本的に私がやりたいことです：

私は自分のコンテンツでdivをslideUp（）したいと思います。そのdiv内の（同じサーバー上の）外部Webページを.load（）し、そのdiv内の.slideDown（）を作成したいと思います。

今のところここに私が持っているものがあります：

$(document).ready(function() {  
   $('a').click(function(){  
   $('.content').slideUp('1000');
   $('.content').hide().load('about.html');
   $(".content").slideDown('1000');
   });  
});

基本的に、これが私が得たものです：div.contentはそれ自体を非表示にし、about.htmlページをロードして表示します。ただし、slideUpsまたはslideDownsはありません。

誰かアイデアがありますか？

これが初心者の質問である場合は申し訳ありませんが、これは私がjs/jqueryを試している最初のリアルタイムです。

前もって感謝します。

4

4 に答える 4

1

これは、これらが非同期アクションであるためです。コールバックで実行を継続する必要があります:

$('a').click(function(){  
   $('.content').slideUp('1000', function() {
     this.hide().load('about.html', function() {
       this.slideDown('1000');
     });
   });
});
于 2012-05-24T09:22:50.173 に答える
0

試す：

$('a').click(function(){  
   var el = $('.content'),                      //cache content to avoid multiple calls
       slidetime = 1000;                        
   el.slideUp(slidetime,function(){             //slide up
       el.hide().load('about.html',function(){  //afterwards, load
           el.slideDown(slidetime);             //afterwards, slide
       });
   });
});
于 2012-05-24T09:23:14.067 に答える
0

これを試して

$(document).ready(function() {  
   $('a').click(function(){  
   $('.content').slideUp(1000);
   $('.content').hide().load('index2.html');
   $(".content").slideDown(1000);
   });  
});

乾杯 ：）

于 2012-05-24T10:32:19.367 に答える
0

文字列「1000」をslideUpまたはslideDownに渡しています。「遅い」のように取ることができる数値または文字列である必要があります...

于 2012-05-24T09:32:12.000 に答える