這篇文章主要介紹了weebox彈出窗口不居中顯示怎么辦,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
某些頁面weebox彈出窗口不居中顯示,某些頁面又居中顯示,彈出窗口的居中算法也OK,這是為什么呢?
一、解決辦法
作為對你負(fù)責(zé)的態(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不居中顯示的解決辦法,那么究竟原因關(guān)聯(lián)在哪里呢?
聲明必須是 HTML 文檔的第一行,位于 標(biāo)簽之前。
聲明不是 HTML 標(biāo)簽;它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進(jìn)行編寫的指令。
在 HTML 4.01 中, 聲明引用 DTD,因為 HTML 4.01 基于 SGML。DTD 規(guī)定了標(biāo)記語言的規(guī)則,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
雖然這段話也并不能直接表明doctype和窗口居中之間的關(guān)系,但從解決辦法中可以猜測到,如果不指定 ,那么窗口在計算document的寬高時就不是標(biāo)準(zhǔn)的像素值,這就間接的導(dǎo)致彈出窗口的x、y坐標(biāo)沒有定位準(zhǔn)確。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“weebox彈出窗口不居中顯示怎么辦”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司,關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。