html - 带有 id 符号的 Scrollspy

Question

我已经让 scrollspy 工作得很好，但是它会跳过在其 id 和词缀中包含加号 (+) 的元素。除了修剪 id 之外，这里是否有任何解决方法？出于 SEO 的原因，我更喜欢在 id 中使用 + 号，并且 id 是动态生成的并在其他代码中重复使用，所以我更喜欢保持这种方式。

<nav id="sidebarnav">
    <ul class="nav">
        <li class="active"><a href="#works">works</a></li> 
        <li><a href="#skip+it">Skip it</a></li> <!-- thisone it will skip -->
        <li class=""><a href="#also">also</a></li> 
        <li class=""><a href="#this">this</a></li>
    </ul>
</nav>

Answer 1

id 值中不允许加号，请参阅:What characters are allowed in DOM IDs? .为什么应该使用加号帮助您的 SEO？也许还阅读:URL encoding the space character: + or %20? .

考虑用 _ 替换 +