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

2024-07-01

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

这是切换导航的屏幕截图。

我的offcanvas.js

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

和backbonejs集成有什么问题吗?

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

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


这个怎么样..更干净的方式

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;

});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap 3 +backbonejs - 切换导航未打开 的相关文章

  • bootstrap jQuery 验证插件..错误放置问题

    所以我已经在我的代码中实现了 jquery 验证插件 如下面的代码所示 但是我在显示所有选项之后的错误代码时遇到了问题 此时它被放置在第一个按钮选项中 任何人都可以帮助更改我在 JavaScript 中的错误放置代码 以便将错误放置在每个组
  • DataTable 不是 DataTables JQuery 库的函数错误

    我有一个使用 Datatable 库的简单示例 我让它与 JSFiddle 一起工作 http jsfiddle net 3hhn7y7f http jsfiddle net 3hhn7y7f 但是当我尝试使用实际文件执行此操作时 出现以下
  • 类内的 CSS @import

    我正在尝试执行以下操作 bootstrap scope import bootstrap min css I know bootstrap min css位于正确的位置 因为放置 import bootstrap min css css页面
  • 使用 jQuery 将 HTML 页面动态加载到 div 中

    我试图做到这一点 以便当我单击 HTML 页面中的链接时 它会使用 jQuery 将请求的页面动态加载到 div 中 我怎样才能做到这一点 div div a href page1 html Page 1 a br a href page2
  • 了解 HTML 5 事件拖动

    我不明白为什么在事件拖动中鼠标坐标clientX的返回值总是0或释放鼠标之前的负值 我准备了一个例子 当用户dragstart 鼠标位置正确 结束同样dragend 但是如果你查看控制台drag你会看到之前dragend负值 是正常行为吗
  • 将表格单元格添加到现有表格行,jQuery

    我正在尝试使用 jQuery 将值添加到表中 不幸的是 我不知道如何让 jQuery 将表单元格添加到现有行 例如 td a href key a td click function e e preventDefault testset k
  • 如何动态获取浏览器的高度和宽度?

    我想做的是创建一个不依赖媒体查询的聊天框 这从数学上设置了聊天框内容的大小 我正在尝试 window height window width 但这并没有覆盖整个浏览器窗口 我想在 javascript jquery 中完成这一切 而不需要
  • 冻结 TH 标题和滚动数据

    我有一个 html 表 我想冻结标题行标签以滚动数据 我怎样才能做到这一点 我需要使用Dom吗 谢谢 我的解决方案是使用两个表并固定列宽 下面的表格位于可滚动的 div 中 并且没有标题
  • 使用 jquery gmap3 和 autoFit 设置最大缩放级别

    我在 gmap3 插件上使用 autoFit 因此它可以缩放到地图上对象的最佳级别 问题是 当只有 1 个对象时 它会放大到太远的最大级别 我怎样才能使它的缩放级别不超过 14 级 Thanks 您可以使用 maxZoom 但这设置了地图的
  • 带骨干的递归函数jquery

    我在主干中有一个应用程序 我想在 Json 中找到一些记录并打印出来 我的 JSON 是这样的 id r1 hotel id 1 name Single level 1 id r1 1 hotel id 1 name Double leve
  • 将元素粘贴到滚动上固定元素的底部?

    基本上 我想要实现的目标是让辅助导航在滚动时与主导航的底部相遇后立即粘在主导航的底部 我仍在学习 jQuery 并且我已经开始抓狂了 编辑 意识到我没有解释到目前为止我已经到了哪里 该类被添加到元素中 但是它没有固定在主标题下方 而是从视口
  • 使用同步ajax调用有什么缺点?

    这个问题肯定适用于 jQuery 但在本例中我指的是 Prototype 在原型文档中它说 由于同步使用相当 令人不安 而且通常品味不好 你 应该避免改变这一点 严重地 我不确定使用同步 ajax 调用有什么缺点 似乎有很多情况您必须等待调
  • 不平衡 DIV 使用 MVC Razor 为每个循环关闭 DIV

    我在我的网站上使用 Bootstrap 3 并使用 MVC Razor For Each Loop 来检索博客主页上的所有子项目 如下所示 int i 0 foreach var subPage in Model Content Ances
  • 出现水平滚动条,行具有负边距

    我想创建像这样的链接的布局 http deqsastudio com projects screen png http deqsastudio com projects screen png 但底部水平滚动条的问题没有修复 它一直在移动 像
  • 如何在单击时和用户单击离开时关闭菜单?

    我有以下代码 function document ready function clicker class click function show menu users show jQuery clicker class click fun
  • 从 JavaScript 中的内部函数返回?

    我有一个 jQuery 支持的 JavaScript 函数 它迭代字段列表并检查它们是否为空 如果是 则阻止表单的提交 required fields forEach function field if field val field ad
  • 每个内每个内每个

    我是新使用 JSON 和 getJSON 函数等 我正在尝试从 JSON 中获取数据 该 JSON 会下降几个级别并且可以有多个子级 目前 我可以通过将 each 与另一个 each 一起使用来查看我想要的值 例如 each data fu
  • HTML / Javascript - 通过单击父行来展开和折叠表行(子行)

    我几天来一直在尝试解决一个问题 终于明白 如 果没有帮助 我将不会成功 我想做一件我们每天在互联网上看到的常见事情 能够单击表格行以显示更多详细信息 但这里的更多细节并不意味着文本块 而是指与父行具有相同形状的子行 以下是 HTML 表格的
  • 为 div 标签设置属性

    我有一个简单的代码 div class content div 我想使用 javascript 回显 div 标签内的某些内容以显示这种方式 div class content div 我需要使用 javascript 因为如果屏幕宽于 9
  • Spring Security 登录页面

    我开发了一个使用 Spring Security 的默认登录页面的应用程序 不过我想实现我自己的登录页面 我将放置一个login html 而不是jsp 页面 我想使用 JQuery 来实现它 我检查了很多例子但无法实现 我是 Spring

随机推荐

  • 在 Xcode 4 中显示方法定义/描述

    有没有办法在 Xcode iOS 项目中向我的方法添加描述 以便我可以在使用 OPTION 单击所需的方法时看到快速详细信息 就像在 Apple 的 API 方法上完成的那样 如下例 Thanks 如果我理解正确的话 那么所有这些工具都是用
  • Clang PCH 性能比标头差?

    我在源文件中包含一组标头 这些标头很少 从未更改 解析 重新解析使用标头的频繁更改的源文件 IDE 用例 需要太长时间 几秒钟 作为提高性能的一种方式 我想使用 Clang PCH 请注意 我正在 Android 上以发布模式 99 确定
  • 指定的 LINQ 表达式包含对与不同上下文关联的查询的引用

    尝试连接查询中的多个表时出现错误 指定的 LINQ 表达式包含对与不同上下文关联的查询的引用 这很令人困惑 因为它看起来像是我在查询中使用了不同的上下文 但我没有 public static IQueryable
  • Web浏览器控件导航返回

    是否可以导航回 WebBrowser 控件 我找不到任何方法来做到这一点 当前没有办法从缓存中执行此操作 但是您可以覆盖按键返回功能以捕获返回按钮按下并实现您自己访问的站点堆栈
  • MVP 项目中包结构的最佳实践

    我有一个使用 MVP 架构的 Android Studio 项目 对于这种风格的项目 建议的包结构是什么 我们可以做的 app screen name activityA presenterA interfaceA or activitie
  • 组件系列、组件类型和渲染器类型之间有什么关系?

    当我学习 JSF 中的自定义组件开发时 我对组件系列 组件类型和渲染器类型之间的关系感到困惑 例如 我注册了一个渲染器和一个自定义组件 如下所示 faces config xml
  • 配置 qtbase 失败并出现错误:“找不到 qmake 规范 ''。”

    我正在尝试为 Raspberry Pi 3 交叉编译 qtbase everywhere 5 11 0 并在 qmake 编译后退出配置阶段 并出现以下错误 make Nothing to be done for first Could n
  • 将方法调用变成可观察事件,好主意吗?

    我正在学习如何融入IObservable进入我的代码 下面是一个简单类的两种不同方法 该类打印出最近的单词IObservable
  • 如何让appium测试在iOS上运行得更快?

    目前 我正在使用 appium 进行 iOS 应用程序测试 并且我已经在 mac mini 机器上用 Java 编写了测试 我正在使用 Jenkins CI 来运行我的测试 我想更快地运行我的测试 因为目前它在 iOS 模拟器上相当慢 例如
  • async for 的语义等价物

    从相对于的文档async for根据 Python 3 5 中的语法 我发现引入它是为了迭代可等待的迭代器 不过 在描述之后的语义等价物中 我没有得到一些东西 iter ITER iter type iter aiter iter runn
  • Swift - 创建“Array”类型的自定义类

    如何在 swift 中创建一个类型的自定义类Array 确切地说 我有一个自定义类型类Car 现在我想创建一个单例 它是一个数组Cars 因为我希望能够从我的应用程序中的任何位置访问它 我的解决方法是将我的单例定义为NSMutableArr
  • 获取循环的大缓冲通道块的长度

    我遇到了一种奇怪的行为 我正在使用缓冲通道 当使用大缓冲区时 整个程序执行将会阻塞 在下面的代码片段中 package main import fmt func main choke make chan string 150000 go f
  • 取票自旋锁互斥锁的内存顺序

    假设我有以下取票自旋锁互斥体实现 在 C 中使用 GCC 原子内置函数 据我了解 解锁函数中使用 释放 内存顺序是正确的 不过 我不确定锁定功能 因为这是一个取票互斥体 所以有一个字段指示要分发的下一个票号 还有一个字段指示当前哪个票号持有
  • 在 Visual Studio 2010 中的工具栏上显示当前功能

    我希望显示我的光标所在的当前功能 我非常怀念 VS6 的这个功能 我尝试过自定义工具栏 但在数百个工具栏项的迷宫中找不到它应该不足为奇 有人知道吗它叫什么以及它位于哪里 或者如果可能的话 让我举一个例子 我正在调试并看到变量设置为某个值 我
  • 字段前的 Groovy @ 符号

    Groovy 中字段名称前面的 意味着什么 对于某些类 我可以访问无法直接访问的私有字段 让我们看看组合闭包 http git codehaus org gitweb cgi p groovy git git a blob f src ma
  • IOS - Unicode 无符号

    我有一个用 C 编写的函数 我想将其转换为 Objective C 怎么做 public static string UnicodeUnSign string s const string uniChars const string koD
  • Python 套接字刷新

    我试图确保每次调用 socket send 函数时 我的缓冲区都会发送 刷新 到我的服务器 使用 unix 套接字在 C 中 根据我的理解 以及我在这个板上看到的 只需禁用 naggle 算法即可 应该这样做 但我的服务器仍然收到 4096
  • 我应该使用 Base64 编码还是 byte[] 在 .NET Web 服务中返回二进制数据

    我有一个简单的问题 通过 NET 中的 Web 服务公开二进制数据时 我应该返回字节数组还是简单地对二进制数据进行 base64 编码 这两种方法都有优点 缺点吗 主要受支持等 使用字节数组 通过 SOAP 协议 该字节数组将自动使用 ba
  • pycharm自动将制表符转换为空格

    我正在使用 pycharm IDE 进行 python 开发 它对于 django 代码来说工作得很好 因此怀疑将制表符转换为空格是默认行为 但是在 python IDE 中到处都会出现错误 因为它无法自动将制表符转换为空格 有没有办法实现
  • Bootstrap 3 +backbonejs - 切换导航未打开

    我在我的项目中使用 jquery backbonejs underscorejs 和 bootstrap 3 https izify com https izify com 这是我的源代码https github com datomnurd