Question

嘿，我尝试根据用户角色制作三个不同的导航栏。我只希望根据其访客，用户或管理员显示导航栏之一。现在，我只想显示根据x = 1或不同的其他导航栏（se js代码）。

有人可以帮助我吗？现在我已经累了。但这只是行不通的。我不太擅长编程，所以请不要使其变得复杂。

Javascript file
x = 1

if (x==0) {
    (#alle).show;
} else {
    ("#all").hide;
}

if (x==0){
    ("#user").show;
} else {
    ("#user").hide;
}

if (x==101){
    ("#admin").show;
} else {
    ("#admin").hide;
}

Answer 1

使用

document.querySelector('#all').style.display = 'none';

没有像jQuery那样的内置方法.hide()或.show()。

Answer 2

如果我理解您的要求是正确的，那么您必须这样做：

x = 0;

//Check role, could also do this in switch statement. 
//But for now like this since it might be easyer to understand. 
//Probably if you copy paste this it wont work but I think this part is needed.
if (user == guest) {
   x = 0;
} else if (user == user) {
   x = 1;
} else if (user == admin) {
   x = 2;
}


//Guest
if (x==0) {
    (#alle).show;
} else {
    ("#alle").hide;
}

//user
if (x==1){
    ("#user").show;
} else {
    ("#user").hide;
}

//Admin
if (x==2){
    ("#admin").show;
} else {
    ("#admin").hide;
}

根据用户角色隐藏导航栏

2 个答案: