Question

我现在有一个侧边栏，用一个按钮打开。

HTML：

<div class="ui left sidebar"><a class="item">Home</a></div>
<div class="pusher">&nbsp;</div>

的javascript：

$('.left.sidebar')
.sidebar('setting', {
    dimPage             : false,
    transition          : 'push',
    mobileTransition    : 'push'})
.sidebar('attach events', '#show-menu');

当用户点击页面上的某个位置时，如何阻止边栏关闭？

谢谢！

Answer 1

发现了一个小提琴，帮助我搞清楚这个。

http://jsfiddle.net/8f11gjez/1/

似乎你添加了样式

<div class="ui left sidebar overlay visible"><a class="item">Home</a></div>
<div class="pusher">&nbsp;</div>

唯一的问题是推送器上的叠加层，但我会通过设备的媒体查询解决这个问题，并为推送器样式添加填充。

Answer 2

将可关闭的属性设置为false：

$('.ui.sidebar').sidebar({
  dimPage: false,
  closable: false
}).sidebar('show');

如何打开semantic-ui侧边栏

2 个答案: