Vị trí hộp thoại jquery UI

Question

Làm cách nào tôi có thể định vị hộp thoại giao diện người dùng jquery ĐẶC ​​BIỆT, để nó chuyển đến vị trí không được xác định bởi chính giữa, trên cùng, v.v.

Cảm ơn, tôi đã cố gắng cụ thể.

Answer 1

Sử dụng tùy chọn position: http://jqueryui.com/position/

Chỉ định nơi hộp thoại sẽ được hiển thị. Giá trị có thể có:

1) một chuỗi đại diện cho vị trí trong chế độ xem: 'center', 'left', 'right', 'top', 'bottom'.
2) mảng chứa tọa độ x, y trong pixel pixel từ góc trái, góc trên cùng của chế độ xem (ví dụ: [350,100])
3) mảng chứa x, y giá trị chuỗi vị trí (ví dụ: ['right' , 'trên cùng'] cho góc trên cùng bên phải).

Ví dụ: $(".selector").dialog("option", "position", [350,100]);

Answer 2

Nếu bạn muốn sử dụng định vị tuyệt đối, tùy chọn của hộp thoại position là những gì bạn cần. Nếu bạn cần phải xác định vị trí tương đối so với các yếu tố khác, có một kỹ thuật đơn giản bạn sử dụng, jquery UI của $('selector').position(options); (xem tại địa chỉ: http://jqueryui.com/demos/position/)

Ví dụ:

// 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

Đây không phải là một câu trả lời chính xác cho câu hỏi của bạn , nhưng bạn có thể kết hợp 'trên cùng' với các giá trị pixel, như sau:

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

Điều này sẽ định vị hộp thoại nằm dọc theo trục X, cách 100 pixel từ trên xuống.