jquery - 将一个 jQuery 插件实例应用于多个元素？

Question

我正在编写一个从 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 个实例。我想创建一个弹出窗口，其位置、大小和内容会根据触发它显示的链接进行修改。

当创建一个新的弹出实例时，一个（最初隐藏的）弹出 div 将附加到页面上，并带有一个子 div 来保存该弹出的内容。因此，您可以想象将占用大量空间来存储指向创建的所有不同弹出窗口的指针。

我的直觉是，只有一个可重复使用的弹出窗口比拥有 3 个单独的弹出窗口更有效，特别是因为我一次只希望打开一个。我的直觉不正确吗？

score 1 · Accepted Answer

重复使用相同元素的简短版本，即 div#popUpDiv：

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

1 回答 1