首頁 web前端 js教程 js不能取得隱藏的div的寬度只能先顯示後取得_javascript技巧

js不能取得隱藏的div的寬度只能先顯示後取得_javascript技巧

May 16, 2016 pm 04:37 PM
js 隱藏

var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取 
var windowWidth = $(window).width(); 
$(".Loading").css({ "display": "block" }); //再显示 
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" }); 
登入後複製

我要取得一個根據內容自適應寬度的div的實際寬度,這個div初始是隱藏的,我要取得它的實際寬度,對他進行居中操作,弄了很長時間,總是獲取不到該div的真實寬度,後來發現js不能取得隱藏div的的寬度,現在的辦法是先將其顯示出來,再取得其寬度,計算位置

$(".Loading").css({ "display": "block" });// 先显示 
var tipsWidth = $(".Loading").css("width").replace("px", "") //再获取 
var windowWidth = $(window).width(); 
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });
登入後複製
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1422
52
Laravel 教程
1316
25
PHP教程
1267
29
C# 教程
1239
24
Win11輸入法懸浮窗隱藏設置 Win11輸入法懸浮窗隱藏設置 Dec 30, 2023 pm 11:24 PM

有些小夥伴對於win11的輸入法懸浮窗功能非常不習慣,使用起來總是怪怪的,因此想要關閉這個懸浮窗功能,現在就給大家介紹一下win11系統下關閉懸浮窗的正確操作方法,一起跟著操作吧。 win11隱藏輸入法懸浮窗1、打開電腦的設定鍵,然後選擇“時間和語言“,進入之後再點擊”輸入“2、在“高級鍵盤設定”裡找到“切換輸入法”,然後把“桌面語言欄」前的勾點上,再進入「語言欄選項」3、開啟後,我們點選這裡的「隱藏「就可以把語言懸浮窗關掉了。

如何隱藏Windows 11工作列圖示? 如何隱藏Windows 11工作列圖示? Jan 06, 2024 am 08:38 AM

在win11系統中,如果我們覺得工作列中的圖示麻煩,可以選擇將它隱藏到任務欄角溢出介面中,不過下方開啟的應用工作列中的圖示是不可以隱藏的,下面就跟著小編來看一下具體的情況吧。 win11工作列圖標怎麼隱藏:一、居中圖標1、首先,如果我們要隱藏下方任務欄中的圖標,可以右鍵選中,點擊“從任務欄取消固定”2、但是如果我們打開了這個應用,並且正在使用它,那就是無法隱藏的。二、右下角圖標1、如果要隱藏右下角的應用程式圖標,先開啟系統設定。 2、然後點選左側邊欄的“個人化”,如圖所示。 3.接著點擊進入右側的工作列

建議:優秀JS開源人臉偵測辨識項目 建議:優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬,在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別,大大縮短了使用者等待時間,提高了使用者體驗;弱勢是:受到模型大小限制,其中準確率也有限。如何在web端使用js實現人臉偵測呢?為了實現Web端人臉識別,需要熟悉相關的程式語言和技術,如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是,由於Web端的計

不封鎖不刪除怎麼隱藏微信好友?不封鎖不刪除隱藏微信好友的方法 不封鎖不刪除怎麼隱藏微信好友?不封鎖不刪除隱藏微信好友的方法 Mar 13, 2024 pm 07:19 PM

  不黑不刪除怎麼隱藏微信好友?不少的用戶們想隱藏一些好友不知道要怎麼去操作,下面就讓本站來為用戶們來仔細的介紹一下不拉黑不刪除隱藏微信好友的方法吧。  不拉黑不刪除隱藏微信好友的方法  方法一:  1、先開啟微信軟體,在微信頁面找到通訊錄,點選」我的「。  2、然後我們進入到設定頁面。  3、找到」隱私「選項,點選進去。  4、接著點擊」不讓他看「。  5、進入到不讓她看頁面,點選」+「勾選需要隱藏的好友

股票分析必備工具:學習PHP和JS繪製蠟燭圖的步驟 股票分析必備工具:學習PHP和JS繪製蠟燭圖的步驟 Dec 17, 2023 pm 06:55 PM

股票分析必備工具:學習PHP和JS繪製蠟燭圖的步驟,需要具體程式碼範例隨著網路和科技的快速發展,股票交易已成為許多投資者的重要途徑之一。而股票分析是投資人決策的重要一環,其中蠟燭圖被廣泛應用於技術分析。學習如何使用PHP和JS繪製蠟燭圖將為投資者提供更多直觀的信息,幫助他們更好地做出決策。蠟燭圖是一種以蠟燭形狀來展示股票價格的技術圖表。它展示了股票價格的

如何使用PHP和JS創建股票蠟燭圖 如何使用PHP和JS創建股票蠟燭圖 Dec 17, 2023 am 08:08 AM

如何使用PHP和JS創建股票蠟燭圖股票蠟燭圖是股票市場中常見的技術分析圖形,透過繪製股票的開盤價、收盤價、最高價和最低價等數據,幫助投資者更直觀地了解股票的價格波動情形。本文將教你如何使用PHP和JS創建股票蠟燭圖,並附上具體的程式碼範例。一、準備工作在開始之前,我們需要準備以下環境:1.一台運行PHP的伺服器2.一個支援HTML5和Canvas的瀏覽器3

抖音短影片怎麼隱藏作品 隱藏個人影片作品的方法 抖音短影片怎麼隱藏作品 隱藏個人影片作品的方法 Mar 12, 2024 pm 12:49 PM

抖音短視頻app軟體內提供的短視頻作品非常多,隨心所欲想看就看,而且都是永久免費提供的,不同類型的視頻直播頻道都是開放的,所有的視頻內容都是原創的,帶給大家最滿意的觀看方式。輸入帳號線上登錄,各種精彩萬分的短視訊推送,都是根據大家日常看的,精準推薦,還能進入直播間與主播互動聊天,讓你的心情更加愉悅。個人上傳的作品也能隱藏起來,非常簡單一鍵設置,刷到哪裡看到哪,上下滑動無數網友的實時評論搶先看,還能分享日常的生活動態,現在小編在線詳細為抖音短視頻用戶推送隱藏個人影片作品的方法。首先打開抖音短

steam隱藏遊戲在哪 steam隱藏遊戲在哪 Feb 24, 2024 am 11:37 AM

steam中可以隱藏一些不想被看到的遊戲,那麼隱藏遊戲在哪呢?玩家們能夠在查看裡點擊隱藏的遊戲,就能夠在裡面發現自己隱藏的遊戲內容,這篇steam隱藏遊戲位置介紹就能夠告訴大家具體的方法,下面就是詳細的介紹,趕緊來看看吧! 《steam使用教學》steam隱藏遊戲在哪答:在查看裡點擊隱藏的遊戲具體方法:1、先點擊軟體裡的查看,點擊隱藏的遊戲。 2.點擊之後,在左邊的選單裡就能夠看到隱藏的遊戲。怎麼隱藏遊戲:1、先點擊自己的遊戲庫。 2、選擇一個遊戲,右鍵選擇管理。 3、選擇隱藏此遊戲。

See all articles