jquery - Bootstrap 3 +backbonejs - 切换导航未打开

Question

我在我的项目中使用 jquery、backbonejs、underscorejs 和 bootstrap 3 ( https://izify.com/ )。这是我的源代码https://github.com/datomnurdin/izify-template 。单击按钮时我无法打开toogle nav。

这是 Toogle 导航的屏幕截图。

我的offcanvas.js

$(document).ready(function() {
  $('[data-toggle=offcanvas]').click(function() {
    $('.row-offcanvas').toggleClass('active');
  });
});

与backbonejs集成有什么问题吗？

我从这里获取模板，http://getbootstrap.com/examples/offcanvas/

演示站点:http://staging.revivalx.com/izify-template/

Answer 1

如何使用这种..更清洁的方法

define(['jquery', 'underscore','backbone','text!templates/home/homeTemplate.html'], function($, _, Backbone, homeTemplate){

 var HomeView = Backbone.View.extend({
 el: $("#page"),

 events: {
    'click [data-toggle=offcanvas]' :'toggleClass'
 }, 

 render: function(){
    this.$el.html(homeTemplate);
 },

 toggleClass: function (e) {
this.$('.row-offcanvas').toggleClass('active');
 }

});

 return HomeView;

});