KnockoutJSテンプレートやTwitterのブートストラップ/ jQueryのツールチップが

Question

を働いていない私は、このように見てonloadイベントにTwitterのブートストラップツールチップとポップオーバーをロードスニペットを持っている：

$('i[rel=tooltip]').tooltip({ 
    placement: "left" 
}); 

私はKnockoutJSのテンプレートを追加するまで、静的なHTMLと正常に動作します（簡潔さのため省略されたコード）：

<div class="row-fluid" data-bind="foreach: events.slice(paginationStart, paginationStop())"> 
    ... 
    <li> 
     <i class="icon-calendar" rel="tooltip" data-original-title="Date"></i> <span data-bind="text: start">event.date</span> 
    </li> 
    ... 
</div> 

ツールチップがまったく表示されません。私は匿名と通常のKnockoutJSテンプレートの両方を試しました

私は、何が起こっているのか分かりました：KnockoutJSテンプレートは、Twitter Bootstrap JSファイルをインポートした後にテンプレートがonloadで実行されるため、しかし、私はそれについて何をすべきかわかりません。私はko.applyBindingsの後にJQueryを入れようとしましたが、それはどちらもうまくいきませんでした。

Answer 1

私はこの質問を書いた後にかなり素早く理解しました。私がそれを逃したとは信じられません。答えは、KnockoutJSのtempRatingからのafterRenderコールバックのTwitter Bootstrap Javascript Plugin/JQueryを行うことです。

例：属性をdata-bind="template: { foreach: data, afterRender: bootstrapDecorate }"に変更し、bootstrapDecorateをbody.onload関数で以前に持っていた初期化設定を実行するknockoutモデルの呼び出し可能な関数にしてください。