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 值中不允许加号，请参阅：DOM ID 中允许使用哪些字符？. 为什么使用加号有助于您的 SEO？也许还可以阅读：URL 编码空格字符：+ 或 %20？.

考虑将 + 替换为 _