jQuery Dialog是一個方便用戶彈出和顯示信息的工具,可以快速的在頁面上顯示彈出框。但是,由于有時.Dialog這個DOM元素位置會不固定,所以要在Dialog移動時進行定位。
使用jQuery的Dialog來設置移動效果,可以通過先將Dialog定位在頁面可視區域中心,然后再進行移動。具體代碼如下:
$( "#dialog" ).dialog({ position: { my: "center", at: "center", of: window } }); $( "#dialog").parent().draggable({ containment: "document" });
上面代碼中,我們首先使用.position()方法將Dialog定位在頁面中心。接著,我們獲取.Dialog父元素,并對其使用.draggable()方法來實現拖動。
最后通過設定可拖動元素的范圍來控制移動,在這里我們設置.containment: "document",表示只允許元素在文檔中拖動。
總之,如果你想在網頁中使用jQuery Dialog而需要移動元素,上述步驟就可以幫助您了。
上一篇mysql8生產環境
下一篇使用css制作動態時鐘