js不能獲取隱藏的div的寬度只能先顯示后獲取
更新時(shí)間：2014年09月04日 10:34:44 投稿：whsnow
js不能獲取隱藏div的的寬度，現(xiàn)在的辦法是先將其顯示出來，再獲取其寬度，計(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)行居中操作，弄了很長時(shí)間，總是獲取不到該div的真實(shí)寬度，后來發(fā)現(xiàn)js不能獲取隱藏div的的寬度，現(xiàn)在的辦法是先將其顯示出來，再獲取其寬度，計(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)文章
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)吸頂特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
js獲取鼠標(biāo)點(diǎn)擊的對(duì)象,點(diǎn)擊另一個(gè)按鈕刪除該對(duì)象的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取鼠標(biāo)點(diǎn)擊的對(duì)象,點(diǎn)擊另一個(gè)按鈕刪除該對(duì)象的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
JavaScript中調(diào)用函數(shù)的4種方式代碼實(shí)例
這篇文章主要介紹了JavaScript中調(diào)用函數(shù)的4種方式代碼實(shí)例,本文分別給出方法調(diào)用模式、函數(shù)調(diào)用模式、構(gòu)造器調(diào)用模式、apply調(diào)用模式4種方式的代碼實(shí)例,需要的朋友可以參考下2015-07-07
曾經(jīng)諾基亞的貪吃蛇風(fēng)靡一時(shí)，在游戲匱乏的年代，用Java實(shí)現(xiàn)太難，現(xiàn)在網(wǎng)頁制作20行代碼就做成一個(gè)簡單的demo了，下面這篇文章主要給大家介紹了利用20行js代碼實(shí)現(xiàn)的貪吃蛇小游戲，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
這篇文章主要給大家介紹了關(guān)于js面試題之異步問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
JS實(shí)現(xiàn)提交表單前的數(shù)字及郵箱校檢功能
在項(xiàng)目開發(fā)中經(jīng)常會(huì)遇到表單提交功能，今天小編抽空給大家分享JS實(shí)現(xiàn)提交表單前的數(shù)字及郵箱校檢功能，需要的朋友參考下吧2017-11-11
下拉緩沖菜單效果想必大家都有見過吧，在本文使用JS輕松實(shí)現(xiàn)下，想學(xué)習(xí)的朋友可以參考下2013-08-08
用JS判別瀏覽器種類以及IE版本的幾種方法小結(jié)，需要的朋友可以參考下。2011-08-08
js String對(duì)象中常用方法小結(jié)(字符串操作)
js String對(duì)象中常用方法小結(jié),需要的朋友可以參考下2012-01-01
微信小程序 點(diǎn)擊切換樣式scroll-view實(shí)現(xiàn)代碼實(shí)例
這篇文章主要介紹了微信小程序 點(diǎn)擊切換樣式scroll-view實(shí)現(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10