javascript - Bootstrap的Modal.js里的'click.bs.modal.data-api'在哪里触发？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - Bootstrap的Modal.js里的'click.bs.modal.data-api'在哪里触发？

伊谢尔伦 2017-04-10 15:41:59

[JavaScript讨论组]

356

最近在看Boostrap的Modal.js的源码，不只是Modal，其他的组件，比如button都用到了DATA-API，不是很清楚他的data api是怎么触发的，能否告知一下。

// MODAL DATA-API
// ==============
$(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
    // some code
  })

  // BUTTON DATA-API
  // ===============

  $(document)
    .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) {
      // some code
    })
    .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) {
      // some code
    })

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(1)

PHP中文网2017-04-10 15:43:59 1楼

这是一个Jquery的概念，只要出发了click事件，就会触发click.xxx,而在取消绑定的时候，off(click.xxx)不会影响到其他事件
参考jquery文档：

Event names and namespaces（事件名称和命名空间）任何事件的名称，可以作为events
参数。jQuery将通过所有浏览器的标准JavaScript事件类型，当用户操作事件，如click，浏览器会调用handler参数的函数。此外，.trigger()方法可以触发标准的浏览器事件
和自定义事件名绑定的处理程序。

事件名称可以添加指定的event namespaces（命名空间）
来简化删除或触发事件。例如，"click.myPlugin.simple"为 click 事件同时定义了两个命名空间 myPlugin 和
simple。通过上述方法绑定的 click 事件处理，可以用.off("click.myPlugin") 或
.off("click.simple")删除绑定到相应元素的Click事件处理程序，而不会干扰其他绑定在该元素上的“click（点击）”
事件。命名空间类似CSS类，因为它们是不分层次的;只需要有一个名字相匹配即可。以下划线开头的名字空间是供 jQuery 使用的。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>