クリックしたときにボタンのすぐ横に開くようにjqueryダイアログを配置するにはどうすればよいですか?(ドロップダウンメニューのようなもの)
前もって感謝します!
これはボタンクリックイベントです
$('#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 }
どちらでも機能しますが、最初の例は、クリックされたボタンの座標を実際に取得し、その横にダイアログを設定する方法を示しています。
答えてくれてありがとう、Ohgodwhy!
他のすべてのためにここに:
$('#dialog').dialog({
position: {
my: 'top',
at: 'top',
of: $('#some_div')
}
});