Bootstrap 下拉菜单在 Meteor 中不起作用答案

【问题标题】：Bootstrap drowpdown not working in MeteorBootstrap 下拉菜单在 Meteor 中不起作用
【发布时间】：2015-06-14 01:47:33
【问题描述】：

伙计们。我正在开发 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 Router (pathFor) 也正确生成了路径。

任何帮助将不胜感激。

【问题讨论】：

我不知道 Meteor，但您是否为引导程序添加了 dropdown plugin？控制台是否显示任何消息？
没有控制台消息或任何东西，它只是不会下拉。什么都没有发生。
查看此线程stackoverflow.com/questions/21954365/…。我不确定它是否会有所帮助，但你可以试试。如果没有看到一些例子，真的很难看到发生了什么。你添加了javascript插件吗？我从来没有使用过 Meteor，所以我不知道这些库是否相互碰撞。验证您是否添加了 javascript 文件（引导 javascript 文件和下拉插件本身）

标签： javascript twitter-bootstrap meteor

【解决方案1】：

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

感谢 Eric 的帮助和回应，这绝对有帮助。

【讨论】：

【解决方案2】：

<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 是否正常工作？尝试使用上面代码中的静态列表，看看会发生什么。

【讨论】：