javascript - ajax jquery で一部のアニメーションが表示される

Question

jquery .remove() を使用しています

次に、ajax を使用して、.each ループで .append を使用して再作成します。

ListBox の消去 (ListBox の長さが短くなる) のような変更を行ってから、ListBox にデータを入力する (ListBox の長さが長くなる) ような変更を行うと、認識可能な厄介なアニメーションがあります。

その部分を表示せずに入力するだけの方法はありますか?

Answer 1

DOM の一部ではないノードで HTML を構築し、既存のノードを置き換えます。

例えば

var newList = $('<ul id="new-list"><li>1</li><li>2</li></ul>');
$('#existing-list').replaceWith(newList);