1. 程式人生 > >使用者體驗問題 關於按鈕的顯示和隱藏

使用者體驗問題 關於按鈕的顯示和隱藏

根據不同的人的許可權顯示不同內容,順序:先全部隱藏——>根據許可權顯示 方法一:

.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 隱藏的元素)