javascript - 如何让语义用户界面边栏保持打开状态

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

找到了一个 fiddle ，它帮助我解决了这个问题。

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

看来如果加上样式

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

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