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

これについて他にもいくつかのSOの質問/回答があることは知っています...しかし、私はあなたを探すのが面倒です:p

于 2012-09-19T13:31:43.363 に答える