引导3 + backbonejs -切换导航未打开

ghg1uchk  于 2022-11-10  发布在  其他
关注(0)|答案(2)|浏览(142)

我正在使用jquery,backbonejs,underscorejs和bootstrap 3为我的项目(https://izify.com/)。这是我的源代码https://github.com/datomnurdin/izify-template。我不能打开toogle导航时,点击按钮。
这是toogle导航的屏幕截图。

我的offcanvas.js

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

与 Backbone 网集成时有什么问题吗?
我从这里开始使用模板http://getbootstrap.com/examples/offcanvas/
演示站点:http://staging.revivalx.com/izify-template/

w6lpcovy

w6lpcovy1#

这样怎么样?

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;

});
sc4hvdpw

sc4hvdpw2#

我删除offcanvas.js

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

然后把这行代码

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

到HomeView.js中

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

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

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

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

  });

  return HomeView;

});

而且效果很好。

相关问题