[解決済み] .appendの後のjQuery関数
2023-01-11 11:10:05
質問
jQueryの後に関数を呼び出す方法
.append
が完全に終了した後、どのように関数を呼び出すのですか?
以下はその例です。
$("#root").append(child, function(){
// Action after append is completly done
});
問題の内容 複雑な DOM 構造が追加されたとき、追加関数のコールバック内でルート要素の新しいサイズの計算が誤っている。DOM がまだ完全にロードされておらず、追加された複雑な DOM の最初の子だけがロードされていると仮定します。
どのように解決するのですか?
ここには多くの有効な答えがありますが、そのどれもが、なぜそのように動作するのか、本当のところはわかりません。
JavaScriptのコマンドは、タイムアウトやインターバルを使って非同期であることを明示的に指示しない限り、来た順番に同期的に一度に1つずつ実行されます。
このことは、あなたの
.append
メソッドが実行され、そのメソッドが終了するまでは (タイムアウトやインターバルの可能性は無視して) 他の何も実行されないということです。
要約すると、コールバックは必要ありません。
.append
は同期的に実行されるからです。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] クリックボタンでクリップボードにコピー
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み】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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] jQuery UI DatePicker - 日付フォーマットの変更
-
[解決済み] クリックボタンでクリップボードにコピー
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み】DOMの変更を検出する
-
[解決済み】$(window).width()がメディアクエリとは違う
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?