用法:
position
類型:Object
默認:
{ my: "center", at: "center", of: window }
指定對話框打開時應顯示的位置。該對話框將處理衝突,以使盡可能多的對話框可見。
of
屬性默認為窗口,但您可以指定另一個要定位的元素。您可以參考jQuery UI Position 實用程序以獲取有關可用屬性的更多詳細信息。
代碼示例:
使用指定的 position
選項初始化對話框:
$( ".selector" ).dialog({
position: { my: "left top", at: "left bottom", of: button }
});
初始化後獲取或設置position
選項:
// Getter
var position = $( ".selector" ).dialog( "option", "position" );
// Setter
$( ".selector" ).dialog( "option", "position", { my: "left top", at: "left bottom", of: button } );
相關用法
- JQuery UI Dialog minWidth用法及代碼示例
- JQuery UI Dialog autoOpen用法及代碼示例
- JQuery UI Dialog close用法及代碼示例
- JQuery UI Dialog _allowInteraction用法及代碼示例
- JQuery UI Dialog isOpen用法及代碼示例
- JQuery Mobile Dialog defaults用法及代碼示例
- JQuery UI Dialog resize( event, ui )用法及代碼示例
- JQuery UI Dialog open( event, ui )用法及代碼示例
- JQuery UI Dialog create( event, ui )用法及代碼示例
- JQuery UI Dialog resizable用法及代碼示例
- JQuery UI Dialog dragStart( event, ui )用法及代碼示例
- JQuery Mobile Dialog create( event, ui )用法及代碼示例
- JQuery UI Dialog resizeStart( event, ui )用法及代碼示例
- JQuery UI Dialog closeText用法及代碼示例
- JQuery Mobile Dialog disabled用法及代碼示例
- JQuery UI Dialog widget用法及代碼示例
- JQuery UI Dialog modal用法及代碼示例
- JQuery Mobile Dialog initSelector用法及代碼示例
- JQuery UI Dialog beforeClose( event, ui )用法及代碼示例
- JQuery UI Dialog classes用法及代碼示例
- JQuery UI Dialog drag( event, ui )用法及代碼示例
- JQuery Mobile Dialog close用法及代碼示例
- JQuery UI Dialog focus( event, ui )用法及代碼示例
- JQuery UI Dialog draggable用法及代碼示例
- JQuery UI Dialog moveToTop用法及代碼示例
注:本文由純淨天空篩選整理自jqueryui.com大神的英文原創作品 Dialog position。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。