Javascript 具有顶部导航和左侧导航的自定义母版页

我已成功将HTML页面转换为SharePoint 2013母版页。我还创建了一个自定义页面布局。使用这两种方法，我创建了包含30多个页面的SharePoint网站。每个页面都由顶部标题导航组成，因为它继承了我使用的母版页。现在我还需要从母版页继承左侧导航。它使我能够从母版页进行更新，并影响整个SharePoint网站

但目前我正在使用一个web部件作为每个页面的HTMl代码片段插入左导航。如果需要修改，我必须浏览所有页面并进行修改。这也不方便。我希望此左导航与SharePoint当前导航类似，但在我的页面布局内

有没有在这些论坛内聊天的选项

有人能帮我解决这个问题吗

感谢和问候

---

Chiranthaka

以下是一个我认为您正在尝试的例子：

这是一个带有HTML页眉、页脚和左手风琴导航的sharepoint页面。我没有像SP所说的那样使用单独的“页面布局”。这是在2010年

我在母版页中添加了一个DIV来容纳左侧的accordion导航，并使用CSS对其进行了定位

HTML代码段：

<div id="AccordionContainer">
            <div id="Accordion1" class="Accordion">
<h3 class="accordionShow"><a>CADD Design</a></h3>
<div class="insideAccordionPanelContent">
    <!-- First link is for site Map Only and should not appear in Accordion -->
    <a href="http://www.scdot.org/doing/cadd.aspx" class="siteMapShow panelTitle">CADD Design</a>
    <!-- Accordion Links -->
    <p><a href="http://www.scdot.org/doing/cadd_DesignFiles.aspx">CADD Design Files</a></p>
    <p><a href="http://www.scdot.org/doing/cadd_SUE.aspx">Subsurface Utility Engineering (SUE)</a></p>
    <p><a href="http://www.scdot.org/doing/cadd_RoadwayDesign.aspx">Roadway Design Files</a></p>
    <p><a href="http://www.scdot.org/doing/cadd_BridgeDesign.aspx">Bridge Design Files</a></p>
    <p><a href="http://www.scdot.org/doing/cadd_Traffic.aspx">Traffic Engineering Files</a></p>
</div>
<h3 class="accordionShow"><a>Engineering Directives</a></h3>
<div class="insideAccordionPanelContent">
    <!-- First link is for site Map Only and should not appear in Accordion -->
    <a href="http://info.scdot.org/Construction_D/sitepages/Engineering_directives.aspx" class="siteMapShow panelTitle">Engineering Directives</a>
    <!-- Accordion Links -->
    <p><a href="http://info.scdot.org/Construction_D/sitepages/Engineering_directives.aspx">Engineering Directives</a></p>
    <p><a href="http://info.scdot.org/Construction_D/ED/ED-index.pdf">Engineering Directives Index (PDF)</a></p>
</div>
<h3 class="accordionShow"><a>Hydraulic Engineering</a></h3>

水利工程

如果你用开发者工具（F12）或Firebug检查我的页面，也许会有所帮助。希望有帮助

---

D

谢谢你的片段。但您建议我将其添加到母版页模板中，是吗？我使用的是SharePoint 2013。是的，您可以在母版页中使用导航添加Div，并将其放置在样式表中。这在2013年和2010年起作用。HTML片段是MY div中的代码示例，当然，您将输入自己的导航链接。我们不能使用Visual Studio 2013执行任何操作，例如编辑SharePoint网站的web.config文件。当然，这是一个选项，但超出了我的专业知识范围。而且，我认为HTML和CSS可以满足您的需要。