시맨틱 UI 사이드 바 구현

안녕하세요 semantic UI에서 사이드 바를 어떻게 구현합니까? 목록의 첫 번째 예를 사용하고 싶습니다. 내가 시도시맨틱 UI 사이드 바 구현

http://semantic-ui.com/modules/sidebar.html#/definition

복사 붙여 넣기

$('.left.demo.sidebar') 
.sidebar('toggle') 
;

내가 버튼을 퍼팅 시도 (? 정말 확실하지) 전체 div 영역을하고 자바 스크립트를 내 HTML 에 퍼팅 onclick 및 함수를 사용하여 href를 사용하여 을 호출하지만 사이드 바가 표시되지 않습니다. 무엇이 잘못 되었나요?

출처

2014-12-08 Ziddorino

페이지의 <head></head> 섹션에서 jQuery 라이브러리 :

<script language="javascript" src="http://code.jquery.com/jquery.min.js"></script>

그리고 semantic.js 파일 :

이

http://semantic-ui.com/

(그것은이 내부에있는 것 : 당신이에서 다운로드해야

<script language="javascript" src="[your path here]/semantic.js"></script>

폴더 dist.

<HEAD></HEAD> BETWEEN) 욕망의 위치에 해당 파일을 복사하고 올바른 경로로 src를 채우는 :이 코드를 추가하여 프로젝트에 jQuery를 추가 할 때 당신이 당신의 기사를 트리거 할 수 있습니다

<script language="javascript" src="http://code.jquery.com/jquery.min.js"></script> 
<script language="javascript" src="[your path here]/semantic.js"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $('.left.demo.sidebar').sidebar('toggle'); 
    }); 

</script>

출처

2014-12-08 03:12:24 Verhaeren

다음 나는 그것을 onclick에 넣었습니까? 감사! 시도해 볼게요 – Ziddorino

나는 여전히 그럴 수는 없어 .. 똑같은 코드를 복사 했어 내 코드는 – Ziddorino

은 당신이 당신의 질문에이 코드를 사용, onclick을, 그 잘못 것을 잡아 필요가 없습니다, 다시는 내 대답을 확인, 나는 업그레이드합니다 그것. – Verhaeren

당신의 .js 파일 :

$('.element.to.trigger.sidebar').on('click', function() { 
    $('.left.demo.sidebar') 
     .sidebar('toggle'); 
});

출처

2017-05-17 23:11:38

시맨틱 UI 사이드 바 구현

답변

관련 문제