위치 JQuery와 UI 대화 상자 근처 링크

Question

를 클릭 I이 몇 가지 링크

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

내가 뭘하려는 것은 클릭 링크 근처에 jQuery의 UI 대화 디스플레이가 있습니다에 대한 다음 JQuery와 기능. JQuery를 사용하여이를 수행 할 수있는 방법이 있습니까?

감사합니다.

Answer 1

당신은 click 이벤트가 발생 된 좌표를 얻으려면, event.clientX 및 event.clientY 속성을 사용하여, 그들에게 대화 상자를 움직일 수 :

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

확인 위의 예 here합니다.