使用者體驗問題 關於按鈕的顯示和隱藏
阿新 • • 發佈:2018-12-14
根據不同的人的許可權顯示不同內容,順序:先全部隱藏——>根據許可權顯示 方法一:
.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會使後邊的空間換行 }
隱藏方法:“display”和“visibility” 區分:當style.display="block"或style.visibility="visible"時控制元件或見,當style.display="none"或style.visibility="hidden"時控制元件不可見。不同的是“display”不但隱藏控制元件,而且被隱藏的控制元件不再佔用顯示時佔用的位置,而“visibility”隱藏的控制元件僅僅是將控制元件設定成不可見了,控制元件仍然佔俱原來的位置。
在JS裡面可以用show()和hide()來控制 show() 適用於通過 jQuery 方法和 CSS 中 display:none 隱藏的元素(不適用於通過 visibility:hidden 隱藏的元素)