使用者體驗問題 關於按鈕的顯示和隱藏
阿新 • • 發佈:2018-11-09
根據不同的人的許可權顯示不同內容,順序:先全部隱藏——>根據許可權顯示
方法一:
.disblock {
display: none !important;
}
通過$("#useid").addClass("disblock ");
和$("#useid").removeClass("disblock ");
隱藏和顯示內容。
方法二:
function displayHideUI() { var ui = document.getElementById("bbs"); ui.style.display="none"; } function displayShowUI() { var ui = document.getElementById("bbs"); ui.style.display=" ";//display為空的話會好使,為block會使後邊的空間換行 }
https://www.cnblogs.com/mingforyou/archive/2012/09/05/2672373.html
方法二是別人的方法,就是直接對display進行了設定,但是不知道為啥設定為空沒什麼效果,所以採用了方法一,以後有機會再試一試。
隱藏方法:“display”和“visibility”
區分:當style.display="block"或style.visibility="visible"時控制元件或見,當style.display="none"或style.visibility="hidden"時控制元件不可見。不同的是“display”不但隱藏控制元件,而且被隱藏的控制元件不再佔用顯示時佔用的位置
在JS裡面可以用show()和hide()來控制
show() 適用於通過 jQuery 方法和 CSS 中 display:none 隱藏的元素(不適用於通過 visibility:hidden 隱藏的元素)