backbone.js - 带有backbone.marionette和twitter bootstrap的模态中的工具提示

Question

我在backbone.marionette 应用程序中有一个按钮，可以打开一个模态，我想在这个模态中有工具提示。

在模态区域中显示模态的视图：

class MyApp.Views.UserInfos extends Backbone.Marionette.ItemView

    template: 'backbone/templates/user_infos'

    events:
        'click button': 'send_invitation'

    send_invitation: () ->
        invitation = new MyApp.Models.Invitation({username: @model.get('name')})
        modal_view = new MyApp.Views.InvitationSettings({model: invitation})
        App.modal.show(modal_view)
        $("#modal").modal('show')

我想要工具提示的模式视图：

class MyApp.Views.InvitationSettings extends Backbone.Marionette.ItemView

    template: 'backbone/templates/invitation_settings'

    onShow: () ->
        $(".icon-question-sign").tooltip()

当显示区域并且它不起作用时，我会初始化工具提示。更糟糕的是，当我将鼠标悬停在工具提示可能是模式窗口的区域时，模态窗口会关闭，但背景不会消失。

Answer 1

您应该使用 onRender 回调。

这是一个小提琴：http: //jsfiddle.net/puleos/gag5a/

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