我什么时候应该在Emberjs动态添加的HTML代码上调用Twitter Bootstrap方法？

Question

我正在使用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 之后,是否有回调或我可以做到的地方？

Answer 1

这种调用应该在didInsertElement函数中的视图中使用.请参阅:http://emberjs.com/api/classes/Ember.View.html#event_didInsertElement

我知道还有一些其他的SO问题/答案......但是我懒得去找你:p