[解決済み] jQueryでappendとeffectを使う
2022-05-03 07:40:21
質問
を使用するにはどうすればよいですか?
.append()
のようなエフェクトで
show('slow')
に効果があること。
append
は全く機能しないようで、通常の
show()
. トランジションもアニメーションもありません。
どうすれば、あるdivを別のdivに追加し、その上に
slideDown
または
show('slow')
の効果は?
解決方法は?
divが追加されると同時にブラウザが表示する内容が更新されるため、追加時に効果を持たせてもうまくいきません。Mark BとSteerpikeの回答を組み合わせると、次のようになります。
実際に追加する前に、追加するdivをhiddenとしてスタイル設定する。インラインまたは外部 CSS スクリプトを使用することもできますし、div を
<div id="new_div" style="display: none;"> ... </div>
では を使用すると、アペンドにエフェクトを連鎖させることができます ( デモ ):
$('#new_div').appendTo('#original_div').show('slow');
または( デモ ):
var $new = $('#new_div');
$('#original_div').append($new);
$new.show('slow');
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] Pythonのリストメソッドであるappendとextendの違いは何ですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] ファイルへの追記はどのように行うのですか?
-
[解決済み] jQueryで複数のCSS属性を定義するには?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】配列に何かを追加する方法は?
-
[解決済み] jQueryでinput[type=text]の値変化を検出する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] クラスメソッド内の "this "をタイプスクリプトで記述する
-
[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryを使用してテキストボックスの値を取得するには?
-
[解決済み] ドロップダウンのアイテムの選択値をjQueryで取得する
-
[解決済み] jQuery セレクタ。Id Ends With?
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQuery: outer html() [重複]。
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み】jQuery:keyPress Backspaceが発射されない?