Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Backbone.js 具有backbone.marionete和twitter引导的模态中的工具提示_Backbone.js_Twitter Bootstrap_Tooltip_Modal Dialog_Marionette - Fatal编程技术网

Backbone.js 具有backbone.marionete和twitter引导的模态中的工具提示

Backbone.js 具有backbone.marionete和twitter引导的模态中的工具提示,backbone.js,twitter-bootstrap,tooltip,modal-dialog,marionette,Backbone.js,Twitter Bootstrap,Tooltip,Modal Dialog,Marionette,我在backbone.marionete应用程序中有一个按钮,可以打开一个模式,我想在这个模式中有工具提示 在模态区域中显示模态的视图: class MyApp.Views.UserInfos extends Backbone.Marionette.ItemView template: 'backbone/templates/user_infos' events: 'click button': 'send_invitation' send_invi

我在backbone.marionete应用程序中有一个按钮,可以打开一个模式,我想在这个模式中有工具提示

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

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

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

您应该使用onRender回调

这是一把小提琴:


它也与onShow回调一起工作。是我的选择器坏了。。。谢谢别担心。请记住,onShow是由区域触发的。如果重新渲染视图并添加需要工具提示的新元素,则需要使用onRender。
var ToolView = Backbone.Marionette.ItemView.extend({
    template:"#tool-template",
    tagName: "span",
    onRender: function() {
        this.$el.find('a').tooltip();
    }
});