gpt4 book ai didi

html - 将数据属性添加到没有值的 slim

转载 作者:太空宇宙 更新时间:2023-11-04 15:54:53 24 4
gpt4 key购买 nike

我有 html <nav class="top-bar" data-topbar role="navigation">来自 https://foundation.zurb.com/sites/docs/v/5.5.3/components/topbar.html .但我不确定这如何转化为 slim 。

nav class="top-bar" role="navigation" data-topbar

这会导致问题,因为 data-topbar 没有任何值(value)。

nav class="top-bar" role="navigation" data-topbar=''

这是有效的 slim,但它添加了我不想要的 =''。有没有办法在 slim 中添加这个没有值的属性?

最佳答案

如果你这样写:

nav class="top-bar" role="navigation" data-topbar

你会得到这个:

<nav class="top-bar" role="navigation">data-topbar</nav>

如果你这样写:

nav(class="top-bar" role="navigation" data-topbar)

当您检查代码时,您会看到

<nav class="top-bar" data-topbar role="navigation"></nav>

但是当你复制 dom 或查看源代码时你会得到这个(就像每个 boolean attributes 一样)

<nav class="top-bar" data-topbar="" role="navigation"></nav>

关于html - 将数据属性添加到没有值的 slim ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46597938/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com