如何在Marionette JS应用程序中使用Twitter引导程序模块

Jon*_*ark 2 backbone.js twitter-bootstrap marionette

我正在构建一个Backbone.Marionette webapp.我正在使用Twitter Bootstrap作为UI元素.

我想在我的一个视图中使用工具提示模块.

模板

<a href="#" class="hepsock" data-toggle="tooltip" title="first tooltip">Tooltip</a>
Run Code Online (Sandbox Code Playgroud)

风景

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

 onBeforeRender:
  $('a').tooltip()
Run Code Online (Sandbox Code Playgroud)

使用此设置时工具提示未激活/不工作但我没有错误.

但是,如果我将此代码直接包含在模板文件中,我会得到工具提示.

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

如何在视图中调用/激活bootstrap模块?

感谢所有输入!

Sco*_*leo 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();
    }
});
Run Code Online (Sandbox Code Playgroud)

  • 我可能应该发布这个答案,而不是评论.谢谢,斯科特. (2认同)