js不能獲取隱藏的div的寬度只能先顯示后獲取
更新時(shí)間：2014年09月04日 10:34:44 投稿：whsnow
js不能獲取隱藏div的的寬度，現(xiàn)在的辦法是先將其顯示出來(lái)，再獲取其寬度，計(jì)算位置，下面的示例，大家可以參考下
var tipsWidth = $(".Loading").css("width").replace("px", "") //先獲取
var windowWidth = $(window).width();
$(".Loading").css({ "display": "block" }); //再顯示
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });
我要獲取一個(gè)根據(jù)內(nèi)容自適應(yīng)寬度的div的實(shí)際寬度，這個(gè)div初始是隱藏的，我要獲取它的實(shí)際寬度，對(duì)他進(jìn)行居中操作，弄了很長(zhǎng)時(shí)間，總是獲取不到該div的真實(shí)寬度，后來(lái)發(fā)現(xiàn)js不能獲取隱藏div的的寬度，現(xiàn)在的辦法是先將其顯示出來(lái)，再獲取其寬度，計(jì)算位置
$(".Loading").css({ "display": "block" });// 先顯示
var tipsWidth = $(".Loading").css("width").replace("px", "") //再獲取
var windowWidth = $(window).width();
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });
相關(guān)文章
Layui 導(dǎo)航默認(rèn)展開(kāi)和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認(rèn)展開(kāi)和菜單欄選中高亮設(shè)置的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js實(shí)現(xiàn)無(wú)感刷新的實(shí)踐(附前后端實(shí)現(xiàn))
無(wú)感刷新機(jī)制的目的是在用戶不知情的情況下,自動(dòng)更新其認(rèn)證令牌本文,主要介紹了js實(shí)現(xiàn)無(wú)感刷新的實(shí)踐(附前后端實(shí)現(xiàn)),具有一定的參考價(jià)值,感興趣的可以了解一下2024-04-04
Mozilla 表達(dá)式 __noSuchMethod__
這是一個(gè)很特殊的方法，但是其存在的意義很大。不過(guò)很可惜只有firefox支持了。一個(gè)簡(jiǎn)單的例子解釋一下它的用處2009-04-04
詳解JavaScript的計(jì)時(shí)器和按鈕效果設(shè)置
這篇文章主要為大家介紹了JavaScript的計(jì)時(shí)器和按鈕效果設(shè)置，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
如何用JavaScript檢測(cè)當(dāng)前瀏覽器是無(wú)頭瀏覽器
這篇文章主要介紹了如何用JavaScript檢測(cè)當(dāng)前瀏覽器是無(wú)頭瀏覽器，對(duì)無(wú)頭瀏覽器感興趣的同學(xué)，可以參考一下2021-04-04
javascript 解析后的xml對(duì)象的讀取方法細(xì)解
2009-07-07
JavaScript編寫檢測(cè)用戶所使用的瀏覽器的代碼示例
這篇文章主要介紹了JavaScript編寫檢測(cè)用戶所使用的瀏覽器的代碼示例,這樣就可以根據(jù)用戶的瀏覽狀態(tài)來(lái)調(diào)整桌面版移動(dòng)版或者兼容性的頁(yè)面,需要的朋友可以參考下2016-05-05
JavaScript中的偏函數(shù)（Partial?Function）是指一個(gè)函數(shù)，它是由另一個(gè)函數(shù)通過(guò)固定一些參數(shù)而得到的，從而產(chǎn)生了一個(gè)新的函數(shù)，本文主要來(lái)和大家聊聊偏函數(shù)的原理與使用，希望對(duì)大家有所幫助2023-05-05
本文主要介紹了javascript history對(duì)象的相關(guān)知識(shí)。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
javascript檢測(cè)flash插件是否被禁用的方法
這篇文章主要介紹了javascript檢測(cè)flash插件是否被禁用的方法,涉及JavaScript調(diào)用ActiveXObject組件操作flash插件的相關(guān)技巧,需要的朋友可以參考下2016-01-01