複数の要素に1つのjQueryプラグインのインスタンスを適用しますか？

Question

私はui.dialogを継承するポップアップウィジェットを書いています。多くの要素で同じポップアップインスタンスを再利用する方法があるのだろうかと思います。例えば、私はこのHTMLを持っていると言う：

<a class = "pops" href="">test</a> 
<a class = "pops" href="">test2</a> 
<a class = "pops" href="">test3</a> 

私は$を呼び出すと.popup（オプション）、ポップアップの_CREATE方法は、3つの別々の回呼び出され、私はそれの3つのインスタンスを持っています（ポップ）。ページ。代わりに、どのリンクがトリガを表示するかによって位置、サイズ、内容が変更されるポップアップを1つ作成します。

ポップアップの新しいインスタンスが作成されると、そのポップアップの内容を保持する子divを持つページに（最初に隠された）ポップアップdivが追加されます。したがって、作成されたすべての異なるポップアップへのポインタの格納には、多くのスペースが必要になると想像することができます。

私の直感は、再利用可能なポップアップを1つだけ持つことは、3つの独立したポップアップよりも効率的です。私の直感は間違っていますか？

Answer 1

再使用するのと同じ要素、すなわちDIV＃popUpDivへのショートバージョン：

$('.pops').live('click', function(){ 
    $("#popUpDiv").html($(this).html()); 
});