0

AJAX 経由でサーバーから取得しているリンクのリストがあり、サーバーから取得した新しいリンクで更新しています。リストを下にスライドさせ、新しいサーバーを上にスライドさせたい.

私のリストは、それぞれリンクを含む段落のリストを含む div であり、その上に新しいリンクを追加しようとしています。

他の投稿で見たことを試しました

link = $('<p id="div1_p_5"><a id="div1_5" href="dummy5">dummy text 5</a></p> ');

$("#div1").prepend(link).children(':first').hide().slideDown(1000);

しかし、新しいリンクが表示されて残りが突然上下するか (大きなマージンを持って表示され、スタイルシートにフォールバックするのに少し時間がかかるようです)、またはアニメーションなしで即座に表示されます。

同じことがアイテムリンクで発生し、アイテムリストのjQバグであるという古い投稿を見つけたので、段落を使用しています。

私はすべてでこのjsfiddleを作りました： jsfiddle

4

2 に答える 2

0

要素のスタイルを使用して、挿入する前に非表示にします。

link = $('<p id="div1_p_5" style="display:none"><a id="div1_5" href="dummy5">dummy text 5</a></p> ');
于 2011-08-11T19:14:32.813 に答える
0

私はあなたのコードを試してみましたが、うまくいきました。アクションの順序を変えて、2行目でこれを試すことができます

link.hide().prependTo('#div1').slideDown(1000);
于 2011-08-11T19:14:41.927 に答える