2

Backbone.Marionette webapp を構築しています。UI 要素に Twitter Bootstrap を使用しています。

ビューの 1 つでツールチップ モジュールを使用したいと思います。

テンプレート

<a href="#" class="hepsock" data-toggle="tooltip" title="first tooltip">Tooltip</a>

景色

class List.User extends App.Views.ItemView
 template: "users/list/templates/_user"
 tagName: "div"
 className: "item"

 onBeforeRender:
  $('a').tooltip()

このセットアップ ツールチップを使用すると、アクティブ化されないか機能しませんが、エラーは発生しません。

ただし、このコードをテンプレート ファイルに直接含めると、ツールチップが機能します。

<script type="text/javascript">
    $(document).ready(function() {
        $('a').tooltip();
    });
</script>

ビューでブートストラップ モジュールを呼び出す/アクティブ化するにはどうすればよいですか?

すべての入力に感謝します!

4

1 に答える 1

5

@bryanbuchsは正しいです。これが実際の例です。

http://jsfiddle.net/puleos/L6nzS/

var ToolView = Backbone.Marionette.ItemView.extend({
    template:"#tool-template",
    tagName: "span",
    onRender: function() {
        this.$el.find('a').tooltip();
    }
});
于 2013-04-25T14:20:00.177 に答える