如何使Semantic-ui侧边栏打开?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (3)
  • 关注 (0)
  • 查看 (482)

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

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');

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

谢谢!

提问于
用户回答回答于

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

看来如果你添加样式

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

唯一的问题是推送器上的覆盖,但我会用设备的媒体查询解决这个问题,并为推送器样式添加填充。

用户回答回答于

有没有哪位大神知道怎么在一个页面分别调用不同的侧边栏啊?怎么控制? 比如:左边 右边 分别都有侧边栏,怎么来各自控制展开/关闭 各自侧边栏呢?

用户回答回答于

将closable属性设置为false:

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

扫码关注云+社区

领取腾讯云代金券