【问题标题】:Where does "data-toggle" attribute of bootstrap framework come from?bootstrap 框架的“data-toggle”属性从何而来?
【发布时间】:2012-05-15 22:29:56
【问题描述】:

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

数据切换从何而来?

【问题讨论】:

标签: jquery html twitter-bootstrap


【解决方案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(设置行为),以及其他有趣的花絮。

      【讨论】:

        猜你喜欢
        • 2015-12-04
        • 2016-10-25
        • 1970-01-01
        • 1970-01-01
        • 2019-08-25
        • 1970-01-01
        • 2016-07-04
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多