jqueryで小さな関数を作成しました。私はそれが時間のいくつかの遅れの後にロードしたい。しかし、このコードを遅れて実行することはできません。以下はJqueryのコードです。ここでjquery関数で遅延を追加する
$(function(){
$('.fade').delay(5000).show();
$('.sboxa').delay(5000).show()
})
は、以下のhtmlコードです：
<div class="fade"></div> <div class="sboxa"></div>
この機能に助けてください。ありがとう
アニメーションをシーケンスするには、show()メソッドでコールバックを使用する必要があります。コールバックの内部では、setTimeout()を使用して次の要素の表示を遅らせることができます。
$(function(){
$('.fade,.sboxa').hide();
$('.fade').show(0, function() {
setTimeout(function() {
$('.sboxa').show();
}, 2000);
});
});.fade {
display: block;
width: 50px;
height: 50px;
background: cornflowerblue;
}
.sboxa {
display: block;
width: 100px;
height: 100px;
background: blue;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fade">fade</div>
<div class="sboxa">sboxa</div>ありがとう:)とても多く –
@Soviutの答えは正しいですが、私はあなたがこのような方法で表示または非表示にするslowのparam追加すべきだと思う：
$(function(){
$('.fade,.sboxa').hide();
$('.fade').show('slow', function() {
setTimeout(function() {
$('.sboxa').show('slow');
}, 2000);
});
});.fade {
display: block;
width: 50px;
height: 50px;
background: cornflowerblue;
}
.sboxa {
display: block;
width: 100px;
height: 100px;
background: blue;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fade">fade</div>
<div class="sboxa">sboxa</div>これが役立つことを願っています！
ありがとう –
JQueryアニメーション関数は、アニメーションが完了した後に実行され、「連鎖」アニメーションを可能にするオプションの関数引数を取ります。手動タイマーは必要ありません。
$(function(){
$('.fade,.sboxa').hide();
$('.fade').show(2000, function() {
$('.sboxa').show("slow");
});
});.fade {
display: block;
width: 50px;
height: 50px;
background: cornflowerblue;
}
.sboxa {
display: block;
width: 100px;
height: 100px;
background: blue;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fade">fade</div>
<div class="sboxa">sboxa</div>
あなたが使用しているのjQueryのバージョンは何？ – Soviut
最初に.fadeを表示したいと思ったら、.sboxa class ahを表示したいですか？ –
あなたはフィドルを投稿することができます – Ramanlfc