1

ui.dialogから継承するポップアップウィジェットを作成していますが、同じポップアップインスタンスを多くの要素で再利用する方法があるかどうか疑問に思っています。たとえば、私がこのhtmlを持っているとしましょう:

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

$(。pops).popup(options)を呼び出すと、popupの_createメソッドが3回呼び出され、ページに3つのインスタンスが表示されます。代わりに、表示をトリガーするリンクに応じて位置、サイズ、コンテンツが変更されるポップアップを1つ作成したいと思います。

ポップアップの新しいインスタンスが作成されると、(最初は非表示になっている)ポップアップdivが、そのポップアップのコンテンツを保持するための子divとともにページに追加されます。したがって、作成されたすべての異なるポップアップへのポインタを格納するために多くのスペースが必要になることが想像できます。

私の直感では、再利用可能なポップアップを1つだけ持つ方が、3つの別々のポップアップを持っているよりも効率的です。特に、一度に1つだけ開いてほしいからです。私の直感は間違っていますか?

4

1 に答える 1

1

同じ要素を再利用するための短いバージョン、つまりdiv#popUpDiv:

$('.pops').live('click', function(){
    $("#popUpDiv").html($(this).html());
});
于 2011-07-24T17:29:21.460 に答える