다음 JQuery와 UI 대화

Question

에 상대 위치를 설정 내 JS입니다 : 내가 그렇게 할 수 어떻게 내 커서가 에서입니다

ShowHoverServerImageModalWindow: function() { 
    $("#divSettings").dialog({ 
     width: 200, 
     height: 200, 
     modal: false, 
     title: "Server Image", 
     autoOpen: false, 
     closeOnEscape: true, 
     draggable: false, 
     resizeable: false, 
     /*position: "my position!!", */ 
     buttons: [ 
        { 
         text: "Close", 
         click: function() { $(this).dialog("close"); } 
        }, 
        ] 

    }); 

    //Show the dialog 
    $("#divSettings").dialog('open'); 
}, 

내가 모달 열 수 싶어?

Answer 1

소스 :

$("#divSettings").dialog({ 
    ... //your previous code 
    position: [e.pageX, e.pageY] 
}); 

http://jqueryui.com/demos/dialog/ 및 http://docs.jquery.com/Tutorials:Mouse_Position 쉽게 구글에서 발견.

또는 팝업을 트리거 직전 :

편집 : 이제 트리거를 포함한다.

$(document).click(function (e) { 
    $("#divSettings").dialog('option', 'position', [e.pageX, e.pageY]); 
    $("#divSettings").dialog('open'); 
});