2012-01-09 18 views
0

新しいリスト項目はJSによって生成されます。 新しいリストアイテムのそれぞれには素敵なアニメーションが付属しています。今では、最初のリスト項目でアニメーションを見たいとは思わない。jqueryは最初の項目にアニメーションを表示しません

は、これまでのところ私は、コードにslice(1)を追加しようとしましたが、運:

$('li.show').slice(1).animate({left: '-=100'}, 300); 

は、どのように私はjQueryのの最新のバージョンを使用してこの作業を行うことはできませんか?

+1

[JSFiddleでうまく動作しているようです](http://jsfiddle.net/PPvG/HtKzq/)。少し詳しく説明できますか?例えば。あなたのCSSはどのように見えますか? – PPvG

+0

Javascriptコードとそれに対応するHTMLをさらに投稿すると便利です。 –

+0

リストアイテムはAJAXによって生成されますが、これはおそらく動作しません。 – Jroen

答えて

1

リストを作成するためにAJAXリクエストを使用している場合は、AJAXリクエストのコールバック関数内にポストしたコードを呼び出す必要があります。そのため、操作する前に追加されたHTMLがDOMに存在します。このコードスニペットは、右のDOMに追加することができ、出力有効なHTMLにサーバーサイドスクリプトを期待していること

$.get('<URL>', function (serverResponse) { 

    //append the new list-items to the list, select them, un-select the first index, then animate the remaining elements 
    $('ul').append(serverResponse).children('.show').slice(1).animate({left: '-=100'}, 300); 
}); 

注意。

関連する問題