在 Twitter Bootstrap 中,如何解除模式对话框关闭事件的绑定?

2024-02-16

我有一个函数绑定到隐藏模式对话框的操作。

我使用的代码类似于已接受的答案this https://stackoverflow.com/questions/8363802/bind-a-function-to-twitter-bootstrap-modal-close?rq=1问题。

$('#myModal').on('hidden', function () {
    // do something…
})

但是,此对话框可能会重新打开以进行编辑,并且当发生这种情况时,我不一定要运行此代码。有没有办法“取消绑定”该函数,以便它在对话框关闭时不再运行?我还没有找到任何东西文档 http://twitter.github.com/bootstrap/javascript.html#modals.


您可以执行类似取消绑定与模式元素相关的所有事件的操作:

解除模态中所有事件的绑定:

/* First option */
$('#myModal').on('hidden', function (e) {
    $(e.currentTarget).unbind(); // or $(this)        
});

/* Second option is to call it directly when needed */
$('#myModal').unbind();

Bootstrap 模式也有与其相关的特定事件,因此您还可以指定要取消绑定的事件。

/* Events are 'hidden', 'hide', 'show', 'shown' */
$('#myModal').unbind(/* specific event here */);

如果您希望删除与模式内容相关的事件,您只需清空其中的元素即可$('#myModal').empty()并适当地解除这些元素的绑定。

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

在 Twitter Bootstrap 中,如何解除模式对话框关闭事件的绑定? 的相关文章

  • 带预览和进度栏的 Twitter Bootstrap 图像上传

    我如何使用 Twitter Bootstrap 上传带有预览和进度条的单个图像 目前 在保存图像之前 我看不到上传图像的任何预览或进度条 Jasny 的 Bootstrap 分支让您能够接近这一点 看文档 http jasny github
  • 如何显示隐藏前一个模式的新模式窗口?

    Using 鼓室网 http tympanus net codrops 2013 06 25 nifty modal window effects 模态 带有很棒的动画 很容易删除背景 div div class md overlay di
  • 自定义 CSS 不适用于 Bootstrap

    首先我想说 我知道我的 HTML 并不是最高效或最干净的 我的问题是我编写的自定义 CSS 根本不适用于我的网页 Bootstrap 似乎工作得很好 但是当我尝试进行任何编辑或覆盖 Bootstrap 时 它完全不起作用 我知道我的自定义
  • 将自定义数据与引导日期选择器中的日期绑定

    我有特定日期注册的总用户数 就像下图一样 我怎样才能显示它们和日期 我在用多日期选择器 http multidatespickr sourceforge net 有什么办法可以做到这一点吗 UPDATE 预先选定的日期 with altFi
  • ajax 请求后无法显示 twitter bootstrap 模式

    我想在单击链接时显示模式窗口 但也想执行 ajax 请求来获取需要在模式窗口上显示的对象 我收到了需要在模态窗口上显示的内容的响应 但它没有弹出 因为模态窗口可能是脚本没有被执行 Code 主页 div div JavaScript 代码
  • select2 MULTIPLE 占位符不起作用

    我正在使用以下代码来选择项目 但占位符已经不可见 我正在使用这个例子select2 引导程序 http fk github io select2 bootstrap css div class form group style width
  • 如何使用类自定义设计错误消息

    我正在使用 Twitter 引导警报消息 在我的 application html erb 中我有 div class a class close a div 通常当我想做一条闪存消息时 我会写类似的内容 flash success Pro
  • 在引导汉堡包图标的左侧添加电话和地图图标

    我有一个基本的 bootstrap v3 网站 当导航栏在较小的屏幕上切换到汉堡包图标时 我想添加一个电话图标 链接到电话号码 和一个地图图标 链接到谷歌地图 以便移动用户可以轻松访问它们 我尝试通过在 navbar toggle 按钮之前
  • 我应该如何使用 Bootstrap 设计 Django 验证错误的样式?

    当 Django 中的表单出现验证错误时 错误会在包含类的列表中给出errorlist 可以通过设置使用 Bootstrap 为元素指定错误样式class alert alert error 结合这些并使用 Bootstrap 的错误样式来
  • Bootstrap 4 - 带按钮标签的居中文本

    我想实现一个非常简单的目标 我有一条线 文本向左对齐 按钮向右对齐 我希望文本与按钮的标签垂直对齐 我尝试使用填充 边距 但没有任何效果 我相信我缺少一个简单而智能的解决方案 笨蛋演示 https plnkr co edit KwRF2uO
  • Bootstrap - 表单内联元素之间的间距

    在 Bootstrap 3 中 内联表单 http getbootstrap com css forms inline http getbootstrap com css forms inline 我似乎找不到间距的原因 form grou
  • 动态创建表行后应用 Bootstrap“table-striped”

    我正在努力确保推特引导程序 http twitter github io bootstrap table strippedCSS 样式应用于其行在运行时动态添加的表 由于某种原因 我试图弄清楚这一点 我无法让这种特定的样式发挥作用 以便我的
  • 多列定义列表[重复]

    这个问题在这里已经有答案了 我有一个 dl 像这样 dl dt Quantity dd dt Size dd dt Rise dd dt Color dd dd dt dd dt dd dt dd dt dl 该列表是通过 php 动态生成
  • Twitter Bootstrap 响应式实用程序类的使用

    如何使用 Twitter Bootstrap 响应式实用程序类 例如 visible desktop 我尝试按照 Bootstrap 网站上的示例进行操作 span class visible desktop Desktop span 在这
  • 禁用 Bootstrap 中的选项卡

    我正在尝试禁用引导程序中的选项卡 我一直在研究 但尚未找到解决方案 我已经尝试过这个 可以禁用 Bootstrap 中的选项卡吗 https stackoverflow com questions 9237314 can you disab
  • 使用 Twitter Bootstrap 解除警报不起作用?

    我正在使用谷歌浏览器 Using 推特引导程序 http twitter github com bootstrap 我想添加一个简单的警报 不幸的是alert http twitter github com bootstrap compon
  • 当用户在引导日期选择器中更改月份时动态更新选项

    我在用着引导日期选择器 https github com uxsolutions bootstrap datepicker我也附加了一个监听器changeMonth https bootstrap datepicker readthedoc
  • 使用 highcharts 时,为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div?

    因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确
  • 使用css bootstrap时如何仅向一列添加右边框?

    我正在尝试使用CSS引导框架 http getbootstrap com css tables在我的项目中 我正在使用带有以下类的表table table bordered table striped 我想删除除第一列之外的所有列的边框 这
  • 字形和 bootstrap 4

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

随机推荐

  • 使用 Facebook API 获取视频观看次数

    我想获取我的页面上视频的视频计数 但我可以获得的所有信息都是有关交叉发布视频的信息 但我的视频没有交叉发布 我对 Graph API 浏览器进行了相当多的研究 但没有找到解决方案 pages id video id insights pos
  • 按短数字拆分列表

    我正在使用 NumPy 来查找图表上的交点 但是isClose每个交集返回多个值 所以 我将尝试找出他们的平均值 但首先 我想隔离相似的值 我觉得这也是一个很有用的技能 我有一个称为交集的 x 值列表idx看起来像这样 8 67735471
  • Rails:重定向两个页面回来

    我正在尝试解决这个问题 假设您有两个模型 其中 酒吧有 很多 foos 你有一个像这样的网址 http myapp com 24 name of the bar to param foos new http myapp com 24 nam
  • 策略模式中应该使用安全指针吗?

    给定一个典型的策略模式 class Strategy public virtual int execute const 0 class StrategyA public Strategy public int execute const o
  • 为什么在实例(Java)上调用方法时不需要导入类

    让我困惑的事情 一个例子 东西 java import java util Date class Thing static Date getDate return new Date 同一包 TestUsesThing java not im
  • Javascript 调用和应用函数仅在第一个参数上调用?

    编辑 这个问题是由于我的误解而提出的 请谨慎行事 因为阅读它可能会浪费您的时间 我想call and apply将执行给定一组参数的函数 但我得到的测试结果令人困惑 看我的测试代码 window z 0 function window z
  • C++ 类中的 OpenCV 轨迹栏回调

    我有一个关于在使用 C 中的类时如何定义 OpenCV 中轨迹栏回调的问题 当我定义轨迹栏时 假设在 cpp 类的构造函数方法中如何定义回调 我一直在尝试使用函数指针 但没有成功 我想我一定做错了什么 这是我的头文件 class Slide
  • 确定 NHibernate 中实体字段是否发生更改

    我有一个电话需要确定字段是否已更改 但是使用该实体 id 调用 get 返回相同的实体而不是之前的版本 Entity e Dao Get id At this point e Field is X e Field y Dao Save e
  • jQuery .val 更改不会更改输入值

    我有一个 HTML 输入 其值中有一个链接
  • 从模型数据生成 XML 文件

    我需要编写模型数据 CharField仅 s 到 XML 文件以包含 flash 文件的数据 我对此很陌生 并且我对在 django 中执行此操作的过程有点不清楚 我正在创建一个 xml 文件 然后将文本数据写入该文件 与 csv 模块所做
  • 如何运行命令强制 docker-machine 在 Windows 10 Home 中创建具有特定地址的虚拟机?

    我一直在关注这个问题来强制 docker machine 创建具有特定地址的虚拟机有没有办法强制 docker machine 创建具有特定 IP 的虚拟机 https stackoverflow com questions 3433621
  • jQuery UI Datepicker onchange 事件问题

    我有一个 JS 代码 当您更改字段时 它会调用搜索例程 问题是我找不到任何在 Datepicker 更新输入字段时触发的 jQuery 事件 由于某种原因 当 Datepicker 更新字段时不会调用更改事件 当日历弹出时 它会改变焦点 所
  • .git 文件夹不包含什么?

    来自git site http git scm com book en v2 Git Internals Plumbing and Porcelain 强调我的 当您在新目录或现有目录中运行 git init 时 Git 会创建 git 目
  • iOS应用程序发布-以不同作者姓名发布

    我一直在家庭成员 Apple 开发者帐户下开发和测试 iPhone 应用程序 他支付了该帐户的费用 并将其注册在他的公司名下 当需要发布时 它会出现在应用商店 以及发布作者姓名的其他地方 中 以他的名字还是他的公司名称 这可以改变吗 是否可
  • wordCounts.dstream().saveAsTextFiles("本地文件系统路径", "txt");不写入文件

    我正在尝试将 JavaPairRDD 写入本地系统中的文件中 代码如下 JavaPairDStream
  • 从 Joomla 3 中的 CSV/Excel 文件导入用户

    我需要在 Joomla 3 2 系统中创建大约 100 个用户 有没有一种方法可以自动完成此操作且成本不高 我认为最好的组件是这样的 CSV 改进 http www csvimproved com http www csvimproved
  • 当两个图像碰撞时如何生成片尾画面?

    当两个图像碰撞时如何生成片尾画面 我正在制作一个带有火柴人的应用程序 你可以使用非常灵敏的加速度计来移动 因此 如果它达到这些峰值 UIImages 它将生成最终屏幕 如何让应用程序检测到这种碰撞 然后生成结束屏幕 我确信您知道这两个图像的
  • CSS3 转换与 Javascript 后备

    是否有一个 javascript 框架可以使用 CSS3 转换来实现更改不透明度或移动元素等效果 但如果不支持 则会回退到使用 javascript setInterval setTimeout 查看 YUI 3 Transition 模块
  • iOS 自定义表格视图单元格在编辑模式下调整大小

    编辑时UITableView红色圆形按钮和删除按钮与自定义单元格重叠 我们如何调整自定义单元格的大小 为红色圆形按钮和删除按钮留出空间 使用此代码 您可以根据编辑单元格的方式和所处阶段来执行不同的任务 我对代码进行了大量注释 因为我花了很长
  • 在 Twitter Bootstrap 中,如何解除模式对话框关闭事件的绑定?

    我有一个函数绑定到隐藏模式对话框的操作 我使用的代码类似于已接受的答案this https stackoverflow com questions 8363802 bind a function to twitter bootstrap m