[解決済み] jQuery .each()の各反復の間に一時停止を追加する方法は?
2023-05-29 06:30:30
質問
jQueryオブジェクトの配列を取得し、.each()を介して配列内の個々のjqueryを変更しています。
今回は、CSSの遷移を利用するために、-webkit-transition-propertyをトリガーにして、クラス名を更新しています。
各cssの遷移が始まる前に、一時停止をさせたいのですが。下記を使用していますが、各更新の間に遅延がありません。その代わり、すべて一度に更新されているように見えます。
function positionCards() {
$cards = $('#gameboard .card');
$cards.each(function() {
setTimeout( function(){ addPositioningClass($(this)); }, 500 )
});
}
function addPositioningClasses($card){
$card
.addClass('position')
}
setTimeoutで解決できるかと思ったのですが、うまくいかないようです。各オブジェクトの各CLASS名更新の前に一時停止を達成する方法はありますか?
どのように解決されますか?
私はコメントとしてこれを追加しましたが、今私はそれを正しく読み、私自身の質問に答えたので、これはおそらく動作するでしょう。
function positionCards() {
var $cards = $('#gameboard .card');
var time = 500;
$cards.each(function() {
setTimeout( function(){ addPositioningClass($(this)); }, time)
time += 500;
});
}
関連
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] jQueryの各ループから抜け出すには?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] クラスメソッド内の "this "をタイプスクリプトで記述する
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み] jQueryでオブジェクトに登録されたイベントハンドラを検索する
-
[解決済み] WebKit の event.layerX と event.layerY に関する問題
-
[解決済み] jQueryを使用してDropDownListの値を設定するにはどうすればよいですか?
-
[解決済み】jQueryで入力不可属性をトグルする。
-
[解決済み] jQueryで選択されたオプションのインデックスを取得する
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?