Jquery 引导程序3+;backbonejs-切换导航未打开
我正在为我的项目()使用jquery、backbonejs、下划线JS和Bootstrap3。这是我的源代码。单击按钮时无法打开toogle导航 这是toogle导航的屏幕截图 myoffcanvas.jsJquery 引导程序3+;backbonejs-切换导航未打开,jquery,twitter-bootstrap,backbone.js,Jquery,Twitter Bootstrap,Backbone.js,我正在为我的项目()使用jquery、backbonejs、下划线JS和Bootstrap3。这是我的源代码。单击按钮时无法打开toogle导航 这是toogle导航的屏幕截图 myoffcanvas.js $(document).ready(function() { $('[data-toggle=offcanvas]').click(function() { $('.row-offcanvas').toggleClass('active'); }); }); $(docu
$(document).ready(function() {
$('[data-toggle=offcanvas]').click(function() {
$('.row-offcanvas').toggleClass('active');
});
});
$(document).ready(function() {
$('[data-toggle=offcanvas]').click(function() {
$('.row-offcanvas').toggleClass('active');
});
});
与backbonejs集成时是否存在任何问题
我从这里取模板
演示站点:I删除offcanvas.js
$(document).ready(function() {
$('[data-toggle=offcanvas]').click(function() {
$('.row-offcanvas').toggleClass('active');
});
});
$(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;
});
而且效果很好 这是怎么回事..更干净的方法
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;
});
你检查控制台了吗?什么也没发生。检查这个演示站点。