[問題] jquery dialog 視窗在網頁上置中的問題

看板Ajax作者liisi (小心一點)時間7年前 (2017/09/15 16:57)推噓0(0推 0噓 2→)

留言2則, 1人參與討論串1/1

大家午安有問題想請教一下我們網站是用jquery dialog 來呈現彈跳視窗在電腦網頁上是有隨著網頁置中但是在手機上看網頁(非RWD) 卻不會置中會偏左甚至直接對齊左邊的網頁我透過google看了dialog的css , 是left的問題但是我卻找不到調整left的地方想說是不是想在jquery裡面囧... 另外在show or hide 是否可以由右邊滑出和消失我google了一下設定 show: "slide", showOpt: {direction: 'right'}, 但是滑出的效果卻是向左滑出改成 top down 都一樣目前jquery版本是 jquery-ui-1.8.19.custom.css , jquery-1.7.2.min.js 是因為這版本不支援嗎? 還是說我找錯了 = =|| 最後一個問題如果視窗彈出之後是否有設定parent的網頁不要被鎖住? 或者是網頁上往下拉時視窗會隨之變更位置因為在視窗上的功能會讓使用者進行作業也有分頁畫面是比較多元的所以不能用簡單的div來製作下方是程式碼.. $(document).ready(function() { $("#dialog-msg").dialog("close"); $('body').append('<div id="category_edit_dialog" style="display:none;"></div>'); $("#category_edit_dialog").dialog({ modal: true, hide: 'slide', draggable: true, autoOpen: true, resizable: false, width: w, /*透過參數帶入*/ height: h, /*透過參數帶入*/ position: {my: "center", at: "center", of: window }, open: function (event, ui) { $('#category_edit_dialog').css('overflow', 'hidden'); } }); $(".ui-dialog-titlebar").hide(); $('.ui-widget-overlay').click(function() { dialog_close(); }); $('#category_edit_dialog').html('<iframe src='xxx' frameborder="0" height="100%" width="100%" id="dialogFrame"></iframe>'); }); -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 202.39.58.43 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1505465863.A.E86.html