Question

人。我正在使用Meteor应用程序，我的导航模板中有以下部分，用于渲染动态构建的下拉菜单。

由于某种原因，它没有下降，我不明白为什么。

我使用twbs:boostrap包来提供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">
            {{#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）正确生成路径。

非常感谢任何帮助。

Answer 1

事实证明twbs：bootstrap包必须出错，因为如果我使用CDN的Bootstrap版本，它似乎工作正常。

感谢Eric的帮助和回应，这肯定有帮助。

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

Bootstrap drowpdown在Meteor中不起作用

2 个答案: