在使用Dialog jQuery彈窗的時候,有時我們需要禁止用戶拖動彈窗。這時我們可以通過以下方式實現:
$( ".ui-dialog" ).draggable( "disable");//禁止拖動 $( ".ui-dialog" ).draggable( "enable" );//允許拖動
以上代碼分別為禁止和啟用彈窗的拖動功能。我們可以將其加入到相應的觸發事件中。
此外,如果我們需要一直禁止彈窗的拖動,我們也可以將其寫入樣式表:
.ui-dialog.ui-draggable-disabled .ui-dialog-titlebar, .ui-dialog.ui-draggable-disabled .ui-resizable-handle { cursor: default; }
以上代碼將彈窗的標題欄和調整大小的手柄的光標樣式設置為默認值,禁止了拖動。