Javascript 引导DrowDown在Meteor中不起作用

伙计们。我正在开发一个Meteor应用程序，我的导航模板中有以下部分，用于呈现一个动态构建的下拉菜单

出于某种原因，它没有下降，我也不知道为什么

我正在使用

twbs:boostrap

包来提供引导

模板部分：

<ul class="nav navbar-nav">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Browse <span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
            {{#each categories}}
                <li><a href="{{pathFor 'browse' slug=this.slug}}">{{name}}</a></li>
            {{/each}}
        </ul>
    </li>
</ul>

Template.registerHelper('categories', function() {
    return Categories.find();
});

当我检查页面上的DOM时，菜单就在那里，我遵循Bootstrap网站上的文档来确保一切正常，我不知道我做错了什么。也可以从Iron路由器正确生成路径（

pathFor

）

---

任何帮助都将不胜感激。

事实证明twbs:bootstrap包一定出了问题，因为如果我使用来自CDN的bootstrap版本，它似乎工作正常

---

多亏了Eric的帮助和响应，它确实起到了作用。

事实证明twbs:bootstrap包一定出了问题，因为如果我使用CDN的bootstrap版本，它似乎工作正常

<ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Browse <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="{{pathFor 'browse'}} ">test</a></li>
                    <li><a href="{{pathFor 'browse'}} ">test</a></li>
                    <li><a href="{{pathFor 'browse'}} ">test</a></li>
                    {{#each categories}}
                            <li><a href="{{pathFor 'browse' slug=this.slug}}">{{name}}</a></li>
                        {{/each}}
                    </ul>
                </li>
            </ul>

多亏了Eric的帮助和回应，这确实有所帮助。

<ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Browse <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="{{pathFor 'browse'}} ">test</a></li>
                    <li><a href="{{pathFor 'browse'}} ">test</a></li>
                    <li><a href="{{pathFor 'browse'}} ">test</a></li>
                    {{#each categories}}
                            <li><a href="{{pathFor 'browse' slug=this.slug}}">{{name}}</a></li>
                        {{/each}}
                    </ul>
                </li>
            </ul>






{{{#每个类别}

{{/每个}}

你的foreach工作正常吗？尝试使用上面代码中的静态列表，看看会发生什么。

{{{#每个类别}

{{/每个}}

---

你的foreach工作正常吗？尝试使用上面代码中的静态列表，看看会发生什么。

我不知道Meteor，但您是否添加了用于引导的？控制台有显示任何消息吗？没有控制台消息或任何东西，它只是不下拉。什么也没发生。看看这个帖子。我不确定这是否会有帮助，但你可以试试。在没有看到一些例子的情况下，很难看到发生了什么。你添加javascript插件了吗？我从未使用过Meteor，所以我不知道这些库是否在相互冲突。验证您是否添加了javascript文件（包括引导javascript文件和下拉插件本身），我不知道Meteor，但您是否添加了用于引导的javascript文件？控制台有显示任何消息吗？没有控制台消息或任何东西，它只是不下拉。什么也没发生。看看这个帖子。我不确定这是否会有帮助，但你可以试试。在没有看到一些例子的情况下，很难看到发生了什么。你添加javascript插件了吗？我从未使用过Meteor，所以我不知道这些库是否在相互冲突。验证您是否添加了javascript文件（包括引导javascript文件和下拉插件本身），我不知道Meteor，但您是否添加了用于引导的javascript文件？控制台有显示任何消息吗？没有控制台消息或任何东西，它只是不下拉。什么也没发生。看看这个帖子。我不确定这是否会有帮助，但你可以试试。在没有看到一些例子的情况下，很难看到发生了什么。你添加javascript插件了吗？我从未使用过Meteor，所以我不知道这些库是否在相互冲突。验证是否添加了javascript文件（包括引导javascript文件和下拉插件本身）