DOMで後で作成されたアイテムへのjQueryプラグインエフェクトへの方法

Question

イベントによって作成されたアイテムにjQueryプラグインエフェクトを適用するにはどうすればよいですか？

私がしようとしているのは、サイト全体で、スタイルのためにjquery.scroll.jsプラグインを使用することです。私は現在、すべてのアクティブulsに取り組んでいます。しかし、いくつかのカテゴリ/サブカテゴリセクションがあります。私はまだ自分自身でjQueryを書くのが初めてで、後で読み込まれたときにアイテムにプラグインを適用することについて理解していない論理の跳躍があります。

実際の例では、ユーザはulからカテゴリをクリックし、サブカテゴリはRailsとJSONによってロードされます。軽いサンプルでは、​​私が走っている問題をシミュレートするjsfiddleを作った。

カテゴリulは正しく設定されていますが、サブカテゴリulはスタイリングを選択しません。私はそれを修正するためにいくつかのコードを書くだけでなく、私がこの機能を学ぶために必要なものの方向に私を指摘することで、いくつかの支援を望んでいます。

http://jsfiddle.net/dandenney/25R8F/1/

事前にありがとうございます！

Answer 1

DOMにul要素を動的に追加したら、プラグインを初期化します。例えば

：

$.loadLists({ 
    success: function(html) { 
     $("#someElement").html(html); 
     $("#someElement ul").plugin(); 
    } 
}); 

Answer 2

また、要素がページに表示されたときに関数を起動するためにlivequeryプラグインを使用することができます。

http://jsfiddle.net/25R8F/4/

は、アラートを追加し、より良い私は、より効率的な方法があることを確信しているが、すぐにこれを掲示した後、それは私に起こったことは http://jsfiddle.net/25R8F/6/