JQuery定制sharepoint网站的左边导航
2009-06-21 23:52
197 查看
最近有个项目,总体构架设计如:首先有一个clients网站,然后clients下面有很多client网站,每个client下面又会有很多brands(品牌)。当用户进入brand网站时,发现一个奇怪的现象:左边导航不仅显示当前client下的所有brand,同时也显示其他client下面的brand连接,不知道这是不是sharepoint的bug。我想可能MS就这么设计的。你会发现,我选择的网站是:Pfizer下面的Aricept,但Wyndham下面的所有brands也被展开了
Code
1)copy JQuery.js into 12\TEMPLATE\LAYOUTS\JQuery foler
2)add below sections into master page:
<script type="text/javascript" src="/_layouts/JQuery/jquery.js"></script>
<script type="text/javascript">
$("table.ms-navSubMenu2").each(function(){
var objCrumb =$("td").filter(".ms-pagebreadcrumb");
var crumValue = objCrumb.text();
//Find any navigation items under the sub menu that have been selected.
var selectedNavItems = $(this).find("a.ms-selectednav");
//Find the corresponding navigation header of the current sub menu being processed
var menuHeader = $(this).parents("tr:eq(0)").prev("tr").find("table.ms-navheader:eq(0)");
if ($(menuHeader).hasClass("ms-selectednavheader") || selectedNavItems.length > 0)
{
//if the navigation header for this sub menu is selected or if there are any
//selected navigational items in this submenu, show the submenu.
$(this).show();
}
else
{
if(crumValue !=null && crumValue.length>0)
{
if(crumValue.split('>').length>3)
{
$(this).hide();// hide the submenu
}
}
}
});
</script>
OK,再次打开网站,你会发现上面的问题被解决了
本技术参考: http://www.deviantpoint.com/post/2009/01/16/Creating-an-accordion-style-SharePoint-Quick-Launch-menu-with-jQuery.aspx
Code
1)copy JQuery.js into 12\TEMPLATE\LAYOUTS\JQuery foler
2)add below sections into master page:
<script type="text/javascript" src="/_layouts/JQuery/jquery.js"></script>
<script type="text/javascript">
$("table.ms-navSubMenu2").each(function(){
var objCrumb =$("td").filter(".ms-pagebreadcrumb");
var crumValue = objCrumb.text();
//Find any navigation items under the sub menu that have been selected.
var selectedNavItems = $(this).find("a.ms-selectednav");
//Find the corresponding navigation header of the current sub menu being processed
var menuHeader = $(this).parents("tr:eq(0)").prev("tr").find("table.ms-navheader:eq(0)");
if ($(menuHeader).hasClass("ms-selectednavheader") || selectedNavItems.length > 0)
{
//if the navigation header for this sub menu is selected or if there are any
//selected navigational items in this submenu, show the submenu.
$(this).show();
}
else
{
if(crumValue !=null && crumValue.length>0)
{
if(crumValue.split('>').length>3)
{
$(this).hide();// hide the submenu
}
}
}
});
</script>
OK,再次打开网站,你会发现上面的问题被解决了
本技术参考: http://www.deviantpoint.com/post/2009/01/16/Creating-an-accordion-style-SharePoint-Quick-Launch-menu-with-jQuery.aspx
相关文章推荐
- Smint – 用于单页网站制作的 jQuery 导航菜单插件
- Sharepoint 2010网站模版WSP定制使用点滴
- jQuery 浮动导航菜单(购物网站商品类型)
- Jquery仿美橙互联网站的导航菜单
- SharePoint隐藏快速启动栏_左侧导航_所有网站内容_回收站
- 跟我学SharePoint 2013视频培训课程——自定义网站导航(4)
- SharePoint 网站导航Web部件
- 应用于网站导航中的 12 个 jQuery 插件
- jquery网站左侧弹出导航菜单
- SharePoint隐藏快速启动栏_左侧导航_所有网站内容_回收站
- jQuery实现Meizu魅族官方网站的导航菜单效果
- SharePoint 网站导航Web部件
- 年初七个经典jQuery网站导航脚本推荐
- 开启sharepoint网站设置的导航选项
- 使用jQuery开发超酷带有背景波浪动画的单页面网站导航菜单
- jQuery绿色下拉网站导航
- 分享一个大气简洁的黑色横向二级jquery导航,可适应各类网站
- Meizu魅族官方网站的jQuery导航菜单
- jQuery实现Meizu魅族官方网站的导航菜单效果
- 开启sharepoint网站设置的导航选项