代码如下,大神们帮我看看
var _menus = {
"menus": [
{
"id": "1", "icon": "icon-application", "menuname": "开发流程管理",
"menus": [
{ "id": "12", "menuname": "软件流程", "icon": "icon-system", "url": "" }
]
}, {
"id": "8", "icon": "icon-role", "menuname": "人员管理",
"menus": [{ "id": "21", "menuname": "人员列表", "icon": "icon-user", "url": "" }
]
}
]
};
var role="需求人员";
$(document).ready(function () {
if (role == "管理员") {
};
if (role == "需求人员") {
$('#8').hide();
};
});生成div的代码:
$.each(_menus.menus, function (i, n) {
var menulist = '';
menulist += '<ul class="navlist" style="list-style-type:none">';
$.each(n.menus, function (j, o) {
menulist += '<li style="list-style-type:none"><div ><a ref="' + o.id + '" href="#" rel="' + o.url + '" ><span class="icon ' + o.icon + '" > </span><span class="nav">' + o.menuname + '</span></a></div> '; if (o.child && o.child.length >= 0) {
//li.find('div').addClass('icon-arrow'); menulist += '<ul class="third_ul" style="list-style-type:none">';
$.each(o.child, function (k, p) {
menulist += '<li style="list-style-type:none"><div><a ref="' + p.id + '" href="#" rel="' + p.url + '" ><span class="icon ' + p.icon + '" > </span><span class="nav">' + p.menuname + '</span></a></div> </li>'
});
menulist += '</ul>';
} menulist += '</li>';
})
menulist += '</ul>'; $('#nav').accordion('add', {
title: n.menuname,
content: menulist,
border: false,
iconCls: 'icon ' + n.icon
}); if (i == 0)
selectedPanelname = n.menuname; });
$('#nav').accordion('select', selectedPanelname);
$('.navlist li a').click(function () {
var tabTitle = $(this).children('.nav').text(); var url = $(this).attr("rel");
var id = $(this).attr("ref");
var icon = $(this).find('.icon').attr('class'); var third = find(id);
if (third && third.child && third.child.length >= 0) {
$('.third_ul').slideUp(); var ul = $(this).parent().next();
if (ul.is(":hidden"))
ul.slideDown();
else
ul.slideUp();
}
else {
addTab(tabTitle, url, icon);
$('.navlist li div').removeClass("selected");
$(this).parent().addClass("selected");
}
}).hover(function () {
$(this).parent().addClass("hover");
}, function () {
$(this).parent().removeClass("hover");
});div隐藏
var _menus = {
"menus": [
{
"id": "1", "icon": "icon-application", "menuname": "开发流程管理",
"menus": [
{ "id": "12", "menuname": "软件流程", "icon": "icon-system", "url": "" }
]
}, {
"id": "8", "icon": "icon-role", "menuname": "人员管理",
"menus": [{ "id": "21", "menuname": "人员列表", "icon": "icon-user", "url": "" }
]
}
]
};
var role="需求人员";
$(document).ready(function () {
if (role == "管理员") {
};
if (role == "需求人员") {
$('#8').hide();
};
});生成div的代码:
$.each(_menus.menus, function (i, n) {
var menulist = '';
menulist += '<ul class="navlist" style="list-style-type:none">';
$.each(n.menus, function (j, o) {
menulist += '<li style="list-style-type:none"><div ><a ref="' + o.id + '" href="#" rel="' + o.url + '" ><span class="icon ' + o.icon + '" > </span><span class="nav">' + o.menuname + '</span></a></div> '; if (o.child && o.child.length >= 0) {
//li.find('div').addClass('icon-arrow'); menulist += '<ul class="third_ul" style="list-style-type:none">';
$.each(o.child, function (k, p) {
menulist += '<li style="list-style-type:none"><div><a ref="' + p.id + '" href="#" rel="' + p.url + '" ><span class="icon ' + p.icon + '" > </span><span class="nav">' + p.menuname + '</span></a></div> </li>'
});
menulist += '</ul>';
} menulist += '</li>';
})
menulist += '</ul>'; $('#nav').accordion('add', {
title: n.menuname,
content: menulist,
border: false,
iconCls: 'icon ' + n.icon
}); if (i == 0)
selectedPanelname = n.menuname; });
$('#nav').accordion('select', selectedPanelname);
$('.navlist li a').click(function () {
var tabTitle = $(this).children('.nav').text(); var url = $(this).attr("rel");
var id = $(this).attr("ref");
var icon = $(this).find('.icon').attr('class'); var third = find(id);
if (third && third.child && third.child.length >= 0) {
$('.third_ul').slideUp(); var ul = $(this).parent().next();
if (ul.is(":hidden"))
ul.slideDown();
else
ul.slideUp();
}
else {
addTab(tabTitle, url, icon);
$('.navlist li div').removeClass("selected");
$(this).parent().addClass("selected");
}
}).hover(function () {
$(this).parent().addClass("hover");
}, function () {
$(this).parent().removeClass("hover");
});div隐藏
这个可以隐藏我是想隐藏这个div,这个div是后面js生成的{
"id": "8", "icon": "icon-role", "menuname": "人员管理",
"menus": [{ "id": "21", "menuname": "人员列表", "icon": "icon-user", "url": "" }
]
}
"id": "8", "icon": "icon-role", "menuname": "人员管理",
"menus": [{ "id": "21", "menuname": "人员列表", "icon": "icon-user", "url": "" }
]
}
"id": "8", "icon": "icon-role", "menuname": "人员管理",
"menus": [{ "id": "21", "menuname": "人员列表", "icon": "icon-user", "url": "" }
]
}
"id": "8", "icon": "icon-role", "menuname": "人员管理",
"menus": [{ "id": "21", "menuname": "人员列表", "icon": "icon-user", "url": "" }
]
} 你获取到你的ID 然后把text换成你的ID名称就可以了啊
即使是这样,也是木有问题的吧,js都是预编译的,我觉得隐藏和显示只是视觉上的效果,对别的不会影响当然除了位置,document.getElementById("8").style.display = "none";
你试下,我觉得应该可以达到你想要的效果