jQueryの.live（）GUIチェンジャー機能のための

Question

私はCollapsible jQuery Pluginを使用して折りたたみ可能なフィールドセットを作るための良い方法を使用します。何のフィールドセットが動的に追加されていないながら

$("fieldset").collapse(); 

すべてが正常に動作します。 .live（）関数を使って 'クリック'のようなイベントをバインドすることは可能ですが、動的に追加されたすべてのフィールドセットに.collapse（）を自動的に追加することができるのだろうかと思います。

私が試した：

$("fieldset").live('ready', collapse); 

と

$("fieldset").live('ready', function() { 
    $("fieldset").collapse(); 
}); 

をしかし、それは動作しません。 'ready'を 'load'に変更することはあまり役に立ちません。

動的に挿入された新しいDOM要素に ".colapse（）"のようなUI機能を適用する方法はありますか？

ありがとうございます。

Answer 1

jQuery .live（）メソッドは、トリガされるイベントを必要とします。 .live（）または.delegate（）を使用して新しく追加されたコンテンツをAJAXコールバックで処理することはできません。

これを行うには、livequeryプラグインを使用する必要があります。

このhow to replace $.livequery with $.delegate or $.liveフォーラムスレッドは、問題と解決策の詳細を示します。

は、私の場合（有効livequeryプラグイン付き）ソリューションです：

Answer 2

私は一種の同様の問題（種類の）を持っていたので、これはあなたを助けるかもしれない...

Making a jQuery UI Slider with live()

を、私は基本的に（住んで使用してプラグインjQueryを使っていくつかの要素を初期化しなければならなかった）と、カスタムイベント。

Answer 3

動的である場合、作成したDOMオブジェクトに折り畳みプラグインを追加しないのはなぜですか？

var html = "<fieldset id='my-fieldset'></fieldset>"; 

$('body').appendTo(html); 

$('#my-fieldset').collapse();