Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将jQuery插件的一个实例应用于多个元素?_Jquery_Jquery Ui_Jquery Widgets - Fatal编程技术网

将jQuery插件的一个实例应用于多个元素?

将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

我正在编写一个从ui.dialog继承的弹出窗口小部件,我想知道是否有办法在许多元素上重用相同的弹出窗口实例。例如,假设我有以下html:

<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());
});