将jQuery插件的一个实例应用于多个元素?
我正在编写一个从ui.dialog继承的弹出窗口小部件,我想知道是否有办法在许多元素上重用相同的弹出窗口实例。例如,假设我有以下html:将jQuery插件的一个实例应用于多个元素?,jquery,jquery-ui,jquery-widgets,Jquery,Jquery Ui,Jquery Widgets,我正在编写一个从ui.dialog继承的弹出窗口小部件,我想知道是否有办法在许多元素上重用相同的弹出窗口实例。例如,假设我有以下html: <a class = "pops" href="">test</a> <a class = "pops" href="">test2</a> <a class = "pops" href="">test3</a> 如果我调用$(.pops).popup(选项),popup的_cre
<a class = "pops" href="">test</a>
<a class = "pops" href="">test2</a>
<a class = "pops" href="">test3</a>
如果我调用$(.pops).popup(选项),popup的_create方法将被分别调用3次,我将在页面上有3个实例。我想改为创建一个弹出窗口,其位置、大小和内容根据触发它显示的链接进行修改
创建一个新的popup实例时,一个(最初隐藏的)popup div会附加到页面上,其中包含一个子div以保存该popup的内容。因此,您可以想象,存储指向所创建的所有不同弹出窗口的指针会占用大量空间
我的直觉是,只有一个可重复使用的弹出窗口比有3个单独的弹出窗口更有效,特别是因为我一次只想打开一个弹出窗口。我的直觉不正确吗 重复使用相同元素的简短版本,即div#popUpDiv:
重复使用相同元素的简短版本,即div#popUpDiv:
是的,谢谢!我还考虑检查元素是否已经在_create()中创建。同样的想法。。。我不认为有什么办法可以避免打几次电话。是的,谢谢!我还考虑检查元素是否已经在_create()中创建。同样的想法。。。我不认为有什么办法可以避免打几次电话。
$('.pops').live('click', function(){
$("#popUpDiv").html($(this).html());
});