將JQuery UI對話框放置在單擊鏈接附近

Question

我對某些鏈接具有以下jquery函數

$(".clickable").click(function(event){
     // load dialog content...
     $("#dialog").dialog();
     return false;
   });

我想做的是在單擊的鏈接附近顯示JQuery的UI對話框。 有什么方法可以僅使用JQuery做到這一點。

謝謝！

Answer 1

您可以使用event.clientX和event.clientY屬性獲取觸發click事件的坐標，然后將對話框移至它們：

$(".clickable").click(function (e) {
  // open and move the dialog
  $("#dialog").dialog('open').dialog('option', 'position',[e.clientX,e.clientY]);
  return false;
});

在此處檢查以上示例。