【问题标题】:how to position jquery ui window?如何定位jquery ui窗口?
【发布时间】:2011-11-04 00:46:44
【问题描述】:

我尝试了位置,但对话框一直显示到右侧,我调整了数字但显示没有变化:

 $("#div_").dialog("wid").position({ position: [10, 50]}); 

结束更新

这是我在下面呈现的 html 代码

radio button1   sample 
radio button2   sample 
radio button3   sample 

所以我想要的是:当用户将鼠标悬停在“示例”上时,会在链接下方显示 jquery-ui

它适用于第一个链接,但第二个链接显示在屏幕中间,即使我分配了left, top,有什么帮助吗?

$(document).ready(function () { 

$('#div_').dialog({ 
autoOpen: false, 
}); 

$(".radiobutton1").hover( 
function (){ 
$('#div_').dialog({title: "Iamge Left)"}); 
$('#div_').removeClass("radiobutton1_1 radiobutton2").dialog('open'); 
var target = $(this); 
$("#div_").dialog("wid").position({ 
my: 'left top', 
at: 'center bottom', 
of: target 
}); 
}, 
function (){ 
$('#div_').dialog('close'); 
}); 

$(".radiobutton2").hover( 
function (){ 
$('#div_').dialog({title: "Images Right"}); 
$('#div_').removeClass("radiobutton1_1 radiobutton2").addClass("radiobutton2").dialog('open'); 
 var target = $(this); 

$("#div_").dialog("wid").position({ 
my: 'center top' 
at: 'center bottom', 
of: target 
}); 
}, 
function (){ 
$('#div_').dialog('close'); 
}); 
}); 

【问题讨论】:

    标签: jquery jquery-ui resize positioning jquery-ui-dialog


    【解决方案1】:

    是的,但第二次你有这个:

    my: 'center top' 
    

    应该是

    my: 'left top' 
    

    【讨论】:

    • 我尝试了不同的设置,但如果我更改第二个,第一个不会显示在左边
    • 你试过坐标吗?指定应显示对话框的位置。可能的值:1) 表示视口内位置的单个字符串:'center'、'left'、'right'、'top'、'bottom'。 2) 一个数组,其中包含一个 x,y 坐标对,以视口左上角为单位的像素偏移量(例如 [350,100]) 3) 一个包含 x,y 位置字符串值的数组(例如 ['right','top']右上角)。
    • 我没试过,但如果;如果用户使窗口变小或最大化窗口,该坐标仍然有效还是已修复?你能给我看看这个例子吗?
    • 如果我记得右上角是 (0,0),那么除非他们调整到对话框本身的大小,否则它会起作用
    • 好的,我已经尝试过my: 'left top',但第一个按预期工作,但第二个单选按钮,当我将鼠标悬停在它上面时,它显示出顶部出路......任何关于定位的样本?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多