JQuery對話框打開旁邊的按鈕

Question

如何定位一個jQuery對話框，使其打開右邊點擊按鈕時？ （有點像一個下拉菜單）

在此先感謝！

Answer 1

這是按鈕點擊事件

$('#myButton').click(function() { 
    var x = $("#myButton").offset().left; 
    var y = $("#myButton").offset().top; 
    x += 100; // or whatever size of your button 
    $('#myDialog').dialog({ position: { x,y}}); 
}); 

也有在Dialog Docs相對於另一個元件，如此定位的能力。

$(".selector").dialog("option", "position", { my: "left top", at: "left bottom", of: button } 

任何一個可以工作，但第一個例子展示瞭如何真正得到被點擊，然後將它旁邊一個對話框，按鈕的座標。

Answer 2

謝謝你的回答，Ohgodwhy！

這裏，所有其他：

$('#dialog').dialog({ 
    position: { 
    my: 'top', 
    at: 'top', 
    of: $('#some_div') 
    } 
});