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會使後邊的空間換行
}

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”不但隱藏控制元件,而且被隱藏的控制元件不再佔用顯示時佔用的位置

,而“visibility”隱藏的控制元件僅僅是將控制元件設定成不可見了,控制元件仍然佔俱原來的位置


在JS裡面可以用show()和hide()來控制
show() 適用於通過 jQuery 方法和 CSS 中 display:none 隱藏的元素(不適用於通過 visibility:hidden 隱藏的元素)