解決jQuery開啟或跳轉頁面隱藏元素閃動問題

2021-10-17 14:33:15 字數 352 閱讀 8749

問題如題意,我的大致開發需求是:我有乙個寫好的頁面,在另乙個頁面用彈窗的方式開啟,開啟的時候隱藏掉頭部和側邊選單欄

原始做法有bug:在開啟時,傳值判斷是頁面來的,還是彈窗來的,如果是彈窗,就給頭部和側邊加 .hide() 的方法,問題解決,但是在彈窗載入時,被隱藏的元素會先載入一遍,再隱藏掉。有個閃動的效果,體驗感不好。

原因(個人理解):頁面進來,首先載入dom元素,再去呼叫的的 hide 方法,因此出現先顯示,後隱藏的閃動效果

解決辦法: 在原始頁面上,給之後需要隱藏的元素直接設定 display:none; 的 css 樣式,然後在 js 中,用剛剛傳值 / 帶參的方法去判斷是哪個頁面,如果是原始頁面就讓元素 show() 就行啦!

vue 重新整理或跳轉頁面動作

1.重新整理當前頁 this.router.go 0 window.location.reload 2.前進1步 this.router.go 1 window.history.forward 3.後腿1步 this.router.go 1 window.history.back 4.至歷史記錄的某...

Vue路由的頁面跳轉開啟新頁面

效果與a標籤的target blank是一樣的,只不過不用點選,直接開啟 1 在router.js裡新加乙個頁面路由 2 在需要跳轉的邏輯方法裡加,這裡必須用query,否則引數獲取不到,methods this.router.resolve window.open href,blank conso...

js關閉本頁面,父頁面指定跳轉或重新整理

關閉本頁面,跳轉到京東 response.setcharacterencoding gbk printwriter out response.getwriter out.print self.opener.location.href 關閉本頁面,重新整理父頁面 response.setcharact...