JQuery：使用data属性来添加一个函数

Question

快速提问

我在bootstrap中注意到它通过使用data属性设法使用正确的函数。与下拉列表类似，您可以使用数据切换来启动它。我想知道这是如何工作的。这可以节省我在.ready或.load

中声明它们的时间

感谢。

Answer 1

它与任何其他选择器（来自bootstrap模式的代码）完全相同：

$('body').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {
    // show modal
});

此绑定表示：对于body下符合[data-toggle="modal"]选择器的所有元素，通过指定的回调函数处理click事件