bootstrap 框架的“data-toggle”属性从何而来？

Posted 2023-02-22

【中文标题】bootstrap 框架的“data-toggle”属性从何而来？

【英文标题】：Where does "data-toggle" attribute of bootstrap framework come from?

【发布时间】：2012-05-15 22:29:56

【问题描述】：

我正在尝试为Bootstrap framework 使用一些 jQuery 插件，它们使用名为“data-toggle”的属性。我收到警告“属性数据切换不是 a 的有效属性”。

数据切换从何而来？

【问题讨论】：

Follow this link for bootstrap documentation regarding "data-toggle" and so on. 虽然来晚了，但希望对您有所帮助

【参考方案1】：

在 html5 中，任何以 data- 开头的属性都是有效的 custom 属性。基本上，这是一种将自定义数据附加到 HTML 规范中未明确定义的元素的方法。

但是，在早期版本的 HTML 中，这并不有效。不过不要担心太多。浏览器通常只是忽略他们不知道的属性。这不会阻止像 jQuery 这样的库阅读它们。

【参考方案2】：

它是一个 Bootstrap 定义的 HTML5 数据属性。

【讨论】：

哦，好吧，那为什么它不是“有效的”？它是在哪里定义的？

你的文档类型是什么？谁在给你警告？

如果您设置了 HTML5 文档类型，请尝试为 IE 版本低于 9 的版本添加 html5shiv 库。

【参考方案3】：

要快速将dropdown 功能添加到任何元素，只需添加data-toggle="dropdown" 定义的HTML5 数据属性，任何有效的引导程序dropdown 都会自动激活。

【参考方案4】：

如果您查看 Bootstrap 的 javascript Collapse plugin 文档，您会发现一个相当清晰的示例，说明了折叠 API 的工作原理以及 data-toggle（触发功能）和 data-target（设置行为），以及其他有趣的花絮。