Question

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

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

模板

<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>

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

感谢所有输入！

Answer 1

@bryanbuchs是对的。这是一个有效的例子。

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

var ToolView = Backbone.Marionette.ItemView.extend({
    template:"#tool-template",
    tagName: "span",
    onRender: function() {
        this.$el.find('a').tooltip();
    }
});

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

1 个答案: