위치 JQuery와 UI 대화

Question

는, 나는 가망만큼 구체적으로 노력했다.

Answer 1

position 옵션을 사용 : 대화 상자를 표시 할 위치 http://jqueryui.com/position/

를 지정합니다. 가능한 값 :

1) 'center', 'left', 'right', 'top', 'bottom'의 뷰포트 내의 위치를 ​​나타내는 단일 문자열.
2) (X)를 포함하는 배열 Y는 뷰포트의 좌측 상단으로부터 오프셋 화소 좌표 쌍 (예 : [350100])
3) (X)를 포함하는 배열 y 위치 문자열 값 (예 [ '오른쪽' , '상단']). 예를 들어

는 : $(".selector").dialog("option", "position", [350,100]);

Answer 2

당신이 절대 위치를 사용하려면 대화 상자의 position 옵션은 당신이 필요로하는 것입니다. 예를 들어

:

// div to position against 
var $div = $('#someDiv'); 

// Open dialog (positioning won't work on hidden elements) 
$dialog.dialog('open'); 

// position newly opened dialog (using its parent container) below $div. 
$dialog.dialog('widget').position({ 
    my: "left top", 
    at: "left bottom", 
    of: $div 
}); 

Answer 3

이 질문에 대한 정확한 답변을하지 않습니다 : 다른 요소에 상대적으로 위치해야하는 경우 사용하는 또 다른 쉬운 방법, JQuery와 UI의 $('selector').position(options); (http://jqueryui.com/demos/position/에서 볼)가있다 하지만이 같은 픽셀 값으로 '최고'를 혼합 할 수 있습니다 :

$('#widget').dialog({ 
    position: ['top', 100] 
}); 

이 100 개 픽셀 아래로 상단에서 X 축을 따라 중심으로 대화 상자를 배치합니다.