jquery - SharePoint 2010 功能区隐藏/{在库项目选择或其他事件上显示}

Question

我正在为 SharePoint 2010 打造品牌，并且默认情况下隐藏功能区并在用户单击向下箭头时显示。用户可以通过单击隐藏图标再次隐藏它。 JQuery 切换和切换类效果很好

    <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>

问题是当用户单击库项目的选择器复选框时，整个标题行会消失，因为当功能区选择“库工具”选项卡/库 Pane 时它会被替换。但功能区仍然隐藏着。网站标题横幅也是如此。

问题:如何监听触发功能区更改的页面事件(任何)，以便我可以再次显示它？

谢谢!

Answer 1

好吧，我又回到这个话题了。答案是更改母版页和 CSS 中 s4-titlerow 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>

我对 this simple solution 感到非常高兴，并使用功能区来攻击自己!