Как оставить боковую панель semantic-ui открытой

Теперь у меня есть боковая панель, которая открывается с помощью кнопки.

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

Как я могу предотвратить закрытие боковой панели, когда пользователь щелкает где-нибудь на странице?

Спасибо!


javascript sidebar semantic-ui
person Jelle    schedule 10.12.2014    source источник

Ответы (2)


arrow_upward
2
arrow_downward

нашел скрипку, которая помогла мне понять это.

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

Кажется, что если вы добавите стили

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

единственная проблема — это наложение на толкатель, но я исправлю это с помощью медиа-запроса для устройства и добавлю дополнение к стилю толкателя.

person Jelle    schedule 11.12.2014

arrow_upward
2
arrow_downward

установите свойство closable в false:

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