4

クリックしたときにボタンのすぐ横に開くようにjqueryダイアログを配置するにはどうすればよいですか?(ドロップダウンメニューのようなもの)

前もって感謝します!

4

2 に答える 2

6

これはボタンクリックイベントです

$('#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 }

どちらでも機能しますが、最初の例は、クリックされたボタンの座標を実際に取得し、その横にダイアログを設定する方法を示しています。

于 2012-12-29T23:37:20.813 に答える
2

答えてくれてありがとう、Ohgodwhy!

他のすべてのためにここに:

$('#dialog').dialog({
  position: { 
    my: 'top',
    at: 'top',
    of: $('#some_div')
  }
});
于 2012-12-29T23:37:38.820 に答える