新聞中心
這篇文章主要介紹了weebox彈出窗口不居中顯示怎么辦,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
某些頁面weebox彈出窗口不居中顯示,某些頁面又居中顯示,彈出窗口的居中算法也OK,這是為什么呢?
一、解決辦法
作為對你負責的態(tài)度,必須先告知你決絕辦法。
在頁面頂端加入以下代碼:
注意必須是這樣的
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ include file="/components/common/taglib.jsp"%> <%@ include file="/components/common/jscsslib.jsp"%>
而不能是這樣的
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ include file="/components/common/taglib.jsp"%> <%@ include file="/components/common/jscsslib.jsp"%>
二、錯誤分析
jquery weebox總結(jié)中介紹了weebox的基本使用方法,那么對于weebox彈出框不居中顯示的原因,首先我們必須來先看看其setCenterPosition居中算法是否合理。
this.setCenterPosition = function() { var wnd = $(window), doc = $(document), pTop = doc.scrollTop(), pLeft = doc.scrollLeft(), minTop = pTop; pTop += (wnd.height() - self.dh.height()) / 2; pTop = Math.max(pTop, minTop); pLeft += (wnd.width() - self.dh.width()) / 2; self.dh.css({top: pTop, left: pLeft}); }
發(fā)現(xiàn)算法還是非常ok的,不過請注意doc = $(document)。
前文我也告訴你了weebox不居中顯示的解決辦法,那么究竟原因關聯(lián)在哪里呢?
聲明必須是 HTML 文檔的第一行,位于 標簽之前。
聲明不是 HTML 標簽;它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。
在 HTML 4.01 中, 聲明引用 DTD,因為 HTML 4.01 基于 SGML。DTD 規(guī)定了標記語言的規(guī)則,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
雖然這段話也并不能直接表明doctype和窗口居中之間的關系,但從解決辦法中可以猜測到,如果不指定 ,那么窗口在計算document的寬高時就不是標準的像素值,這就間接的導致彈出窗口的x、y坐標沒有定位準確。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“weebox彈出窗口不居中顯示怎么辦”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設計公司,關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道,更多相關知識等著你來學習!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、網(wǎng)站設計器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
分享文章:weebox彈出窗口不居中顯示怎么辦-創(chuàng)新互聯(lián)
地址分享:http://www.dlmjj.cn/article/dieihd.html