Question

我有这样的观点

'use strict';
define([
      'jquery',
      'underscore',
      'backbone',
      'bootstrap'
       ],

function($, _, Backbone, Bootstrap){
    var IssueRowView = Backbone.View.extend({
        tagName: 'tr',

        template: _.template(row_template),

        events: {
            'click a': 'showDetails',
        },

        detailView:'',

        initialize: function () {
            this.listenTo(this.model, 'change', this.render);
        },

        render: function () {
            this.$el.html(this.template(this.model.toJSON()));
            return this;
        },

        showData: function(){
            $('.nav-tabs a[href="#data_issues"]').tab('show');
        },

        showDetails: function(e){
            e.preventDefault();
            if (this.model.get('auto_issue')){
                this.showData();
            }
            else {
                this.detailView = new detail_view({model: this.model, el: this.parent.el});
                this.detailView.render();
            }
        },

    });
    return IssueRowView;
});

点击链接后我需要激活Bootstrap选项卡，但它没有用。事件触发但没有任何反应。最奇怪的是，如果我搬家

 $('.nav-tabs a[href="#data_issues"]').tab('show');

例如初始化方法它工作正常。

您对如何使其有效有任何建议吗？

UPD：我已经为“show.bs.tab＆＃39;”创建了听众。和＆＃39; shown.bs.tab＆＃39; ＆＃34; #data_issues＆＃34;的事件标签和＆＃39; show.bs.tab＆＃39;已经在showData（）方法之后触发了，但是显示了.bs.tab＆＃39;没有。

Answer 1

我没有找到任何合理的答案，所以我自己更改标签和tab-conten div，没有任何引导方法。

bootstrap方法在requirejs

1 个答案: