Javascript 流星应用程序中的jasny引导导航栏不工作

Javascript 流星应用程序中的jasny引导导航栏不工作,javascript,twitter-bootstrap,meteor,navbar,jasny-bootstrap,Javascript,Twitter Bootstrap,Meteor,Navbar,Jasny Bootstrap,我正在使用Meteor 0.9.1.1,并添加了nemo64:bootstrap和mrt:bootstrap jasny软件包。我正试图从画布的导航菜单中使用它,但我的按钮似乎是隐藏的或没有被渲染(我不确定是哪个)。Meteor bootstrap包附带了一个custom.json文件,允许我切换加载的模块。。。也许我错过了一个,但我不知道。这是菜单,这是我的代码: <template name="navmenu"> <div class="navbar navbar-defa

我正在使用Meteor 0.9.1.1,并添加了nemo64:bootstrap和mrt:bootstrap jasny软件包。我正试图从画布的导航菜单中使用它,但我的按钮似乎是隐藏的或没有被渲染(我不确定是哪个)。Meteor bootstrap包附带了一个custom.json文件,允许我切换加载的模块。。。也许我错过了一个,但我不知道。这是菜单,这是我的代码:

<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>
我在navmenu.js文件中添加了这个,现在加载页面时菜单会滑入,但我仍然没有按钮,无法实际“使用”菜单

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

您需要使用Javascript激活插件,如下所示:

现在,常见的问题是把上述界线放在哪里。基于css类自动执行此操作的脚本通常在DOM完成渲染后执行此操作,假设此时绘制所有页面元素。在Meteor中,当模板通过JS动态添加时,这当然不是真的。因此,在Meteor中,当您知道元素已经呈现时,您需要自己调用初始化方法——在99.98%的情况下,相应模板的
呈现
回调是正确的时机:

Template.navmenu.rendered = function() {
  $('.navmenu').offcanvas();
});
我发现了问题

Meteor在发送到客户机之前编译所有js文件。我删除了jasny meteor包,确保只添加了nemo64:bootstrap包,然后将jasny bootstrap js文件放入/client目录


毕竟,我不需要
$('.navmenu').offcanvas()
启动器。现在一切正常。

所有这些行都缩进四个空格。另外,请添加用于初始化导航栏的JS代码,这通常就是问题所在。我添加了此代码(在上面的原始问题中进行了评论),但它仍然没有如我所希望的那样工作。您是如何将包移动到另一个目录的。您是否刚进入~/.meteor/packages/并将jas ny包移动到您的/public目录?没有完全理解你是如何完成那部分的。谢谢
$('.navmenu').offcanvas();
Template.navmenu.rendered = function() {
  $('.navmenu').offcanvas();
});