Question

您好我想在一个页面中放置多个对话框。我已经下载了单个对话框的演示，并将相同的效果应用于不同的“div”..但它出现在相同的位置。我怎么能把差异。差异对话框？我为第二和第三“div”设置了样式;但它不起作用..有人请帮帮我..

这是我的代码..

jQuery UI对话框 - 默认功能

<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script>


<script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
    $("#dialog").dialog();
});

$(function() {
    $("#two").dialog();
});

</script>

关于tismon

Answer 1

指定对话框的位置   显示。可能的值：



表示单个字符串   视口内的位置：'center'，   'left'，'right'，'top'，'bottom'。



包含x，y的数组   像素偏移中的坐标对   左侧，视口的顶角（例如   [350100]）



包含x，y位置的数组   字符串值（例如['right'，'top']   在右上角。）

代码示例

使用指定的位置选项初始化对话框。

$( ".selector" ).dialog( { position: 'top' } );

在初始化后获取或设置位置选项。

//getter
var position = $( ".selector" ).dialog( "option", "position" );

//setter
$( ".selector" ).dialog( "option", "position", 'top' );

source
快demo

jquery多个对话框

1 个答案: