semantic-ui 사이드 바를 여는 방법

Question

이제 버튼으로 열리는 사이드 바가 있습니다.

HTML :

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

자바 스크립트 :

$('.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> 

유일한 문제는 푸셔에 오버레이 것 같다하지만이 장치에 대한 미디어 쿼리와 함께 그 문제를 해결하고 패딩을 추가 할 것 푸셔 스타일.