我是SharePoint 2010的品牌,默认情况下我会隐藏功能区,并在用户单击向下箭头时显示。用户可以通过单击隐藏图标再次将其隐藏。JQuery toggle和toggleClass工作得很好
<div id="ribbonHide">
<a class="toolTipHover" href="#">
<div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');">
<span class="ribbonHideToolTipOpen">Display the Ribbon</span><span class="ribbonHideToolTipClose">Hide the Ribbon</span>
</div>
</a>
</div>
问题是,当用户单击库项目的选择器复选框时,整个标题行将消失,因为当功能区选择"库工具"选项卡/"库"窗格时,标题行将被替换。但是丝带仍然隐藏着。网站标题横幅也是如此。
问题:如何侦听触发功能区更改的页面事件(任何),以便再次显示它
谢谢!
好吧,我回到这里。答案是更改主页面和CSS中s4标题行div的id。这将在功能区定位系统中隐藏它。
然后,为了防止功能区定位系统在单击某些选项卡后破坏我的布局,并且功能区再次被隐藏,我在功能区显示/隐藏脚本中添加了对功能区自己的"修复程序"功能的调用:
<div id="ribbonHide">
<a class="toolTipHover" href="#">
<div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');FixRibbonAndWorkspaceDimensions();">
<span class="ribbonHideToolTipOpen">Display the Ribbon</span> <span class="ribbonHideToolTipClose">
Hide the Ribbon</span>
</div>
</a>
</div>
我对这个简单的解决方案非常满意,而且使用Ribbon本身!