3

我正在使用Emberjs、车把和Twitter Bootstrap。在我的handlebars模板中，我使用的是 Twitter Boostrap dropdown：

<ul class="nav nav-pills">
    <li class="dropdown">
        {{#each content}}
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
                <i class="icon-plus-sign">
            </a>
            <ul class="dropdown-menu" role="menu">
                <li>
                    <a href="#" {{action my_action my_argument}}> My Action </a>
                </li>
            </ul>
        {{/each}}
    </li>
</ul>

由于此 HTML 代码在页面加载时不会立即可用，而是稍后动态加载，在使用 AJAX 请求加载数据并content填充变量后，dropdown它无法正常工作：action单击链接时它没有关闭。

我知道要完成这项工作，我需要在dropdown元素位于 DOM 之后执行以下操作：

$('.dropdown-toggle').dropdown();

在Emberjs中，在将数据添加到 DOM之后，是否有回调或可以执行此操作的地方？

4

1 回答 1

5

这种调用应该在视图中，在didInsertElement函数中使用。见：http ://emberjs.com/api/classes/Ember.View.html#event_didInsertElement

我知道还有其他一些关于这个的问题/答案......但我懒得找你：p

于 2012-09-19T13:31:43.363 回答