Как позиционировать JQuery UI окна? - PullRequest
Новая
       12

Как позиционировать JQuery UI окна?

0 голосов
/ 02 ноября 2011

Я пытался с позицией, но диалоговое окно показывает все до правой стороны, и я настраиваю с цифрами, но без изменений в отображении: 

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

END UPDATE

вот мой 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'); 
}); 
});

1 Ответ

0 голосов
/ 02 ноября 2011

Да, но для второго у вас есть это: 

my: 'center top'

Было бы 

my: 'left top'
...