时间戳

首页 > 解决方案 > Bootstrap data-toggle 与 data-bs-toggle 属性有什么区别？

twitter-bootstrap - Bootstrap data-toggle 与 data-bs-toggle 属性有什么区别？

问题描述

语境

我正在使用 Bootstrap 主题，现在我注意到，当主题更新到 Bootstrap 5 时，所有 data-toggle 属性都被替换为 data-bs-toggle （除了一个，哪个元素仍然有效）

问题

Bootstrap data-toggle 与 data-bs-toggle 属性有什么区别？

标签： twitter-bootstrap

解决方案

这来自PR 31827和提交 418f17e（2020 年 11 月，bootstrap v5.0.0-beta1）

它修复了问题 29479 “为 data-* 属性添加命名空间？”

正如Shahed Nasser的“ Bootstrap 5 中的新增功能/数据属性的更改”中所述：

Bootstrap 5 更改了其组件通常使用的数据属性的命名，这些组件使用 JavaScript 作为其功能的一部分。

以前，大多数依赖于某些 JavaScript 功能的组件的数据属性都以data-.

在 Bootstrap 5 中，这些组件的数据属性现在data-bs以轻松命名空间 Bootstrap attributes开头。

提交 b38110a同意：

所有 JavaScript 插件的数据属性现在都已命名，以帮助将 Bootstrap 功能与第三方和您自己的代码区分开来。
例如，我们使用data-bs-toggle代替data-toggle.

推荐阅读