仅使用数据属性引导功能是如何工作的

How bootstrap functionality works using data attribute only

本文关键字：何工作工作数据属性功能更新时间：2023-09-26

我想知道如何引导功能的工作与使用数据属性，即使不使用javascript来触发它。

一个简单的例子是工具提示。注意，在提供的脚本中，工具提示功能只需使用data-toggle="tooltip" data-placement="left"即可工作。

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

或者，你也可以通过javascript触发它。

$('#example').tooltip(options)

我想做一些相同的功能，我可以只分配data-myplugin="toggle"，它会触发切换功能

，因为data属性已经包含了一个CSS选择器，该选择器指向要修改的HTML元素。它由bootstrap使用，使您的生活更轻松。此外，您不需要编写一行Javascript就可以使用他们预制的Javascript组件。

关于HTML5 "data-"属性的更多信息:点击这里