Bootstrap 3:当导航栏折叠或展开时捕获事件

2023-12-30

使用引导程序 3:

当导航栏折叠/展开时是否可以捕获?

我无法为此找到一个活动。

Edit:

我的徽标高度为 90 像素,因此导航栏高度必须约为 110 像素。

为了将菜单链接放置在靠近主要内容的位置,我将顶部边距设置为 60 像素。当它折叠时,我希望三个破折号(图标栏)的顶部边距也为 60 像素。当这样做时,菜单突然向下 60px + 60px = 120px - 这 60px 太多了。所以我想捕捉它何时折叠,然后将菜单链接的 margin-top 更改为 0px,当它展开时我想将其更改为 60px。

这是一个 bootply 示例:

http://www.bootply.com/120802 http://www.bootply.com/120802


也许这样:

$('.navbar-collapse').on('shown.bs.collapse', function() {
// do something
});

导航栏使用折叠 jQuery 插件。您可以在那里查找事件:http://getbootstrap.com/javascript/#collapse http://getbootstrap.com/javascript/#collapse

编辑: 我添加了一个使用示例:http://jsbin.com/tizanoti/4/edit http://jsbin.com/tizanoti/4/edit

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

Bootstrap 3:当导航栏折叠或展开时捕获事件 的相关文章

  • jQuery:如何在显示元素的同时使用高亮效果?

    我在一个页面上有两个元素 div content div div style display none different content div 当我点击当前显示的div 我想隐藏它并显示另一个 这很容易做到 a hide b show
  • 字形和 bootstrap 4

    我正在尝试使用 glyphicon 中的 glyphicon 当您单击一个 glyphicon 时 它会提示您所需要做的就是添加 span class span 你想要字形的地方 但在下载它们后 我注意到它们都保存为 png 文件 有谁知道
  • 优雅地处理没有数据的 amcharts

    我想知道我的 dataProvider 是否为空 amCharts绘制时默认为null 我怎样才能动态地处理它 var chart AmCharts makeChart chartdiv theme none type serial dat
  • Yii 使用 ajax 进行分页

    我需要使用ajax启用分页 我的代码 控制器 更新内容ajax function actionIndex dataProvider new CActiveDataProvider News array pagination gt array
  • 暂时禁用提交按钮

    我有一个将大文件上传到服务器的表单 像这样的事情
  • 如何使用 php 发送服务器错误响应?

    一旦用户点击删除按钮我的 jQuery 脚本要求服务器删除所选项目 现在我想要我的php发送成功或错误响应的脚本 是否有可能触发错误回调万一该项目无法删除 Thanks 我的 jQuery 代码 ajax type post url myA
  • jquery验证-等待远程检查完成

    当我打电话时 form valid 我连接了远程验证检查 一切正常 但是如果所有其他字段都有效 则表单会通过验证 因为远程检查没有 足够快 返回响应 有没有办法强制 jquery 验证等待任何远程检查完成或挂钩远程检查调用的完成事件 我目前
  • JQuery hide() 和 fadeOut() 、 show() 和 fadeIn() 之间的区别

    我是 jQuery 新手 目前 我正在我的跨平台移动应用程序之一中使用 jQuery 我需要根据各自的条件隐藏和显示我的一些页面内容 我发现以下两种方法对我来说效果很好 myControlId fadeOut myControlId hid
  • 在 javascript/jquery 中将光标更改为等待

    当调用函数时 如何让光标更改为此加载图标以及如何将其更改回 javascript jquery 中的普通光标 在你的 jQuery 中使用 body css cursor progress 然后又恢复正常 body css cursor d
  • jqgrid删除:没有获取值

    我使用 JSP 和 Servlet IDE Eclipse 数据库 Oracle10 开发 Web 应用程序 我在用JQGRID以表格格式显示数据 我还想要添加 编辑 删除的功能JQGRID 到目前为止我已经完成了编辑功能 现在我想要Del
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • 可以使用 jQuery 或 Javascript 将图片的特定部分用作链接吗?

    我有这个想法 将图片 而不是文本 的各个部分链接到不同的页面或网站 并且我想在不实际创建不同的照片并将它们彼此靠近的情况下完成 这样看起来就像是一张完整的图片 这里有人知道如何使用 JavaScript 的变体 例如 jQuery 或纯 J
  • jquery从变量中删除html元素

    我将 html 保存在变量中 var itinerary events today html 我有很多 html 和一个按钮我想删除 它的 ID 为 myButton 如何从变量中保存的 html 中删除它 我建议这种方法 var itin
  • 使用 JQuery 更改元素的顺序

    有人知道我做错了什么吗 我正在尝试更改某些图像的显示顺序 我希望每次按下按钮时图像都会向右 向左移动一个位置 这是我尝试过的 但没有运气 任何帮助或见解将不胜感激 rightShift click function img hide var
  • jQuery 获取元素内的鼠标位置

    我希望制作一个控件 用户可以在 div 内单击 然后拖动鼠标 然后松开鼠标以指示他们想要的内容有多长 这是针对日历控件的 因此用户将指示特定事件的时间长度 看起来最好的方法是在父 div 上注册一个 mousedown 事件 而父 div
  • 使用 Ajax 请求作为源数据的 Jquery 自动完成搜索

    我想做的事 我想使用 jquery 自动完成函数创建一个输入文本字段 该函数从跨域curl 请求获取源数据 结果应该与此示例完全相同 CSS 在这里并不重要 http abload de img jquerydblf5 png http a
  • Javascript/Jquery:确定用户是否使用鼠标滚轮、滚动条或键盘滚动

    我正在尝试让用户界面正常工作 如果他们使用鼠标滚轮 我需要让它以一种方式滚动 如果他们使用滚动条 我需要让它以另一种方式滚动 如果他们使用键盘 我需要让它以另一种方式滚动 我相信滚轮和滚动条都充当鼠标事件 但是当单击滚动条时我无法让 jav
  • jQuery 对象相等

    如何确定两个 jQuery 对象是否相等 我希望能够在数组中搜索特定的 jQuery 对象 inArray jqobj my array 1 alert deviceTypeRoot deviceTypeRoot False alert d
  • fullCalendar 未显示正确的结束日期

    我正在看调试页面 http jsbin com wukofacaxu edit js outputFullCalendar 官方网站的 我想安排一个活动时间为 22 09 2015 至 30 09 2015 dd mm yyyy 但它只显示
  • 如何从图像输入中获取 xy 坐标?

    我有一个输入设置为图像类型

随机推荐

  • XHTML 1.0 Strict 中的自定义数据

    我在 html 中使用一些自定义属性来处理 jquery 的内容 我看到有data XYZHTML5 中的属性 但我需要严格遵守 xhtml 1 0 我还有什么其他选择 您可以使用jQuery 元数据插件 https github com
  • 为什么 ia32/x64 操作码将文档 0x66 和 0xF2 映射为操作码 0x0F38F1 (CRC32) 的双重强制前缀?

    在 Intel 64 和 IA 32 架构软件开发人员手册中 表 A 4 附录 A 3 第 2C 卷 订单号 326018 045US 2013 年 1 月 的 F 行是唯一的 因为它有一个前缀子行 用于组合两个前缀 0x66 和 0xF2
  • Selenium RC:“等待窗口'null'本地帧'null'”

    我在这里完全不知所措 试图运行一个最小的 Selenium RC 风格测试 网上很多用户都描述了我遇到的问题 但没有一个widely不同的解决方案解决了我的问题 发生的情况是 Firefox 将打开 但在我看来是一个空的配置文件 因为它打开
  • 如何跟踪 Mac OS X 上的文件位置?

    很好的功能之一BBEdit http en wikipedia org wiki BBEdit这就是它跟踪文件的方式 无论这些文件发生什么情况 我正在开发的应用程序需要跟踪用户拥有的许多文件的位置 用户可以移动或删除这些文件 即使位置发生更
  • 检测按键是否被按下一次

    I wanted to do an action as soon as my f key is pressed The problem is that it spams the action import win32api while Tr
  • 如何在 PHPmyadmin 中禁用单元格单击上的内联编辑

    在 phpmyadmin 中 当我浏览表格内容时 单击某个单元格将启动此单元格数据编辑器 如何避免这种情况 我没有找到任何配置选项 从 phpMyAdmin 4 0 0 开始 double click现在是单元格编辑的新默认值 如果需要 您
  • 使类泛型有什么意义?

    当你有一个方法时 我知道将其声明为泛型是有意义的 这样我就可以采用泛型参数 像这样 public
  • Ubuntu 12.04 R install.packages() 不起作用。没有警告,不安装

    我正在运行 ubuntu 12 04 实例 并加载了 R3 0 2 但无法使用 install packages 来安装软件包 它下载了文件 但似乎没有安装它们 我在这里错过了什么吗 我在运行 ubuntu R 实例之前从未遇到过这个问题
  • go语言中的Unix域套接字名称

    The netgo中的包提供了这个功能 func ResolveUnixAddr net addr string UnixAddr error 字符串参数net给出网络名称 unix unixgram 或 unixpacket 我猜网络名称
  • 使用gradle将features.xml部署到nexus?

    我正在尝试创建一个 gradle 构建文件以将 features xml 文件部署到本地 Nexus maven 存储库中 除了直接使用 maven 之外 我还没有找到任何关于如何执行此操作的示例 有人有如何使用 gradle 执行此操作的
  • Python 类型:类型化字典或 defaultdict 扩展类

    我有一段旧的 python 代码 可以解析格式严格的文本文件 存储用于本地化的字符串 由于结构是分层的 并且某些元素可能存在也可能不存在 因此程序使用嵌套defaultdicts 来表示它 就像是 terms defaultdict lam
  • Rails 为所有命令行方法(例如生成或 rake)提供 NameError

    我是 Rails 的初学者 过去几天我一直试图找出这里到底出了什么问题 但完全没有运气 我到处寻找 但一无所获 基本上 当我运行任何类型的命令行方法时 我都会收到 NameError 我也尝试过在不同的项目目录中运行它 并且曾经有效 看来铁
  • User Based CF 或 Item Based CF 需要多少数据才能提供推荐?

    User CF Item CF需要多少数据才能给出推荐 我手动创建了一个小数据集 因此我可以很好地理解该算法是如何工作的 我发现对于我创建的小数据集 Slope One可以给出推荐 User CF或Item CF不能给出推荐 其背后的原因是
  • HTML id 属性中的冒号意味着什么?

    我见过这样的 ID 属性 HTML 代码 id t1 c3 谁可以给我解释一下这个 冒号的目的是什么 ID 属性中允许使用冒号 但没有特殊意义 实际上并不建议使用它们 因为它们有时会导致问题 例如与 jQuery 或 CSS 一起使用时 冒
  • 更新 EndDate 导致“更新列表项时使用了无效数据”

    这是完整的错误 Invalid data has been used to update the list item The field you are trying to update may be read only 我基本上尝试更新
  • 通过公共变量合并两个数据集,在 R 中给出 0 个观察值

    我有两个数据集 A 和 B A 和 B 都有不同的变量 但有两个公共变量 即 ID 和日期 我想使用 ID 和日期合并两者 但是 当我使用代码合并它们时 C lt merge A B by date ID 输出是具有 0 个观测值的 C 数
  • 无法读取 Windbg 中的故障转储

    我的程序中出现了 stackoverflow 异常 该异常可能源自第三方库 microsoft sharepoint client runtime dll Using adplus为了创建故障转储 我面临的问题是 当我在 Windbg 中打
  • 如何使用实体数据模型将图像从图像控件插入WPF到SQL数据库

    我正在创建一个应用程序来将学生信息保存到 SQL 中 我想知道如何使用实体框架将 WPF 中的图像控件中的图像插入 SQL 数据库 我创建了将图像上传到图像控件的事件 现在我需要使用实体框架将其保存到 SQL 数据库 图像加载按钮代码 pr
  • 刷新物化视图不包括添加的列

    来自manual http www postgresql org docs 9 3 static sql creatematerializedview html CREATE MATERIALIZED VIEW 与 CREATE TABLE
  • Bootstrap 3:当导航栏折叠或展开时捕获事件

    使用引导程序 3 当导航栏折叠 展开时是否可以捕获 我无法为此找到一个活动 Edit 我的徽标高度为 90 像素 因此导航栏高度必须约为 110 像素 为了将菜单链接放置在靠近主要内容的位置 我将顶部边距设置为 60 像素 当它折叠时 我希