將數據屬性添加到沒有值的苗條

Question

我有https://foundation.zurb.com/sites/docs/v/5.5.3/components/topbar.html的html <nav class="top-bar" data-topbar role="navigation">。但我不知道這是如何轉變爲苗條。

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

這會導致問題，因爲數據的頂欄沒有價值。

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

這是有效的纖薄，但它增加了，我不想=「」。有沒有什麼辦法可以添加這個屬性沒有纖細的價值？

Answer 1

如果你寫的是這樣的：如果你寫這樣

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

：

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

當你inspect代碼，你會看到

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>