我使用 li 和 ul html 标签构建了一个下拉菜单,但现在我想隐藏一些菜单取决于用户级别
代码:
<li id="20"><a href="#">File Generation<br /></a>
<ul class="subload">
<li id="21" ><a href="#">Generate Files<br/></a></li>
<li id="22" ><a href="#">Reprocess<br/></a></li>
<li id="23" ><a href="#">File Regenerate<br/></a></li>
<li id="24" ><a href="#">File Status<br/></a></li>
</ul></li>
我试过了
$(document).ready(function() {
$("li #20").hide();
$("body").on({
ajaxStart: function() {
$(this).addClass("loading");
},
ajaxStop: function() {
$(this).removeClass("loading");
}
});
var theForm = $("form[name=MenuBean]");
var params = theForm.serialize();
var actionURL = theForm.attr("action");
$.ajax({
type: "POST",
url: actionURL + "?name='Anand'",
data: params,
success: function(data, textStatus, XMLHttpRequest) {
alert("Success : " + data);
var tmp = data.split("|");
for (i = 0; i < tmp.length; i++) {
$("li #"+tmp[i]).show();
}
if (data == "success") {
} else {
$("#ajaxresult").show().html(data).fadeIn(1000);
}
},
error: function(XMLHttpRequest, textStatus, data) {
alert("Error : " + data);
}
});
//event.preventDefault();
});
但它不能正常工作..