1. ホーム
  2. jquery

[解決済み] 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');