meteor 앱의 jasny-bootstrap navbar가 작동하지 않습니다.

Question

Meteor 0.9.1.1을 사용 중이며 nemo64 : bootstrap 및 mrt : bootstrap-jasny 패키지를 추가했습니다. 나는 그것과 함께 작동하도록 offcanvas 탐색 메뉴를 얻으려고하고 있지만 내 단추는 숨겨져 있거나 렌더링되지 않은 것처럼 보입니다 (어느 것이 확실하지 않습니다). Meteor 부트 스트랩 패키지는 custom.json 파일과 함께 제공되어로드되는 모듈을 전환 할 수있게 해줍니다. 아마도 하나가 빠진 것 같지만 잘 모르겠습니다. 이 메뉴 http://jasny.github.io/bootstrap/components/#navmenu-offcanvas이며, 여기에 내 코드 :

<template name="navmenu"> 
<div class="navbar navbar-default navbar-fixed-top"> 
    <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="body" data-canvas="#myNavmenuCanvas" data-placement="left"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
</div> 
<nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left" role="navigation"> 
    <a href="#">Celery seakale</a> 
    <a href="#">Dulse daikon</a> 
    <a href="#">Zucchini garlic</a> 
    <a href="#">Catsear azuki bean</a> 
    <a href="#">Dandelion bunya</a> 
    <a href="#">Rutabaga</a> 
</nav> 

{"modules": { 

"normalize":   true, 
"print":    false, 

"scaffolding":   false, 
"type":     true, 
"code":     false, 
"grid":     true, 
"tables":    false, 
"forms":    true, 
"buttons":    true, 

"glyphicons":   true, 
"button-groups":  false, 
"input-groups":   false, 
"navs":     true, 
"navbar":    true, 
"breadcrumbs":   false, 
"pagination":   false, 
"pager":    false, 
"labels":    false, 
"badges":    false, 
"jumbotron":   false, 
"thumbnails":   false, 
"alerts":    false, 
"progress-bars":  false, 
"media":    false, 
"list-group":   false, 
"panels":    false, 
"wells":    false, 
"close":    false, 

"component-animations": true, 
"dropdowns":   true, 
"modals":    false, 
"tooltip":    false, 
"popovers":    false, 
"carousel":    false, 

"affix":    true, 
"alert":    false, 
"button":    true, 
"collapse":    true, 
"scrollspy":   true, 
"tab":     false, 
"transition":   true, 

"utilities":   true, 
"responsive-utilities": true 
}}  

나는 navmenu.js 파일이 추가 이제 메뉴 페이지가로드 될 때 슬라이드,하지만 난 여전히이 버튼이없고 실제로 메뉴를 "작동"할 수 없습니다.

Template.navmenu.rendered = function() { 
    $('.navmenu').offcanvas() 
} 

Answer 1

나는이 문제를 발견!

Meteor는 클라이언트 시스템에 보내기 전에 모든 js 파일을 컴파일합니다. jasny meteor 패키지를 제거했는데 에만 nemo64 : bootstrap 패키지가 추가 된 다음 jasny-bootstrap js 파일을/client 디렉토리에 넣었습니다.

어쨌든 $('.navmenu').offcanvas() 개시자가 필요하지 않았습니다. 이제는 모두 작동합니다.

Answer 2

당신은 the documentation 당, 자바 스크립트와 함께이 같은 플러그인을 활성화해야합니다 :

$('.navmenu').offcanvas(); 

이제 일반적인 문제는 위의 라인을 넣어 곳입니다. CSS 클래스를 기반으로 자동으로이를 수행하는 스크립트는 일반적으로 모든 페이지 요소를 그릴 때 DOM이 렌더링을 완료 한 후에이를 수행합니다. 물론 Meteor에서는 템플릿을 JS를 통해 동적으로 추가 할 때 사실이 아닙니다. 따라서, 유성, 당신은 당신이 요소가 이미 렌더링 알고있을 때 초기화 메소드를 직접 호출 할 필요가 - 99.98 %의 경우에 각각의 템플릿의 rendered 콜백은 바로 그 순간입니다

Template.navmenu.rendered = function() { 
    $('.navmenu').offcanvas(); 
});