Question

我有一个＆＃34; .ui.inverted.menu＆＃34;顶吧。现在我要添加一个＆＃34; ui.sidebar.inverted.vertical.menu＆＃34;在顶部栏下方。

但我无法弄清楚如何做到这一点，侧边栏将始终推开顶部栏，而不会出现在顶部栏下方。

有什么想法吗？

谢谢！

PS。抱歉语法不好。

Answer 1

您需要使用自定义上下文初始化侧边栏。

而不是做这样的事情： $（ 'ui.sidebar'）边栏（）;

您需要将侧边栏指向要将其附加到的元素，否则它会附加到您的主<body>标记并推开其下方的所有内容。在这种情况下，上下文应该是与<div>位于同一层次结构中的.ui.inverted.menu元素。

如果你的HTML看起来像：

<div class="ui inverted menu">
    <a class="item">Open Sidebar</a>
</div>
<div class="otherstuff">
    <div class="ui sidebar">
    </div>
</div>

您的初始化代码应如下所示：

$('.ui.sidebar')
  .sidebar({
    context: $('.otherstuff')
  })

这是一个非常快速的演示（您可能需要根据自己的内容调整一些CSS样式）http://jsfiddle.net/8po0b10v/