引导功能如何仅使用数据属性

Question

我想知道bootstrap功能如何使用数据属性，即使不使用javascript来触发它。

一个简单的例子就是tooltip。请注意，在提供的脚本中，工具提示功能仅使用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"，它会触发切换功能。

Answer 1

因为data属性已经包含一个CSS选择器，指向将要更改的HTML元素。它通过引导程序使用，让您的生活更轻松。另外，您不需要编写一行Javascript来使用他们预制的JavaScript components。

有关HTML5“data-”属性的更多信息： Click Here