带有 id 符号的 Scrollspy答案

【问题标题】：Scrollspy with symbols in id带有 id 符号的 Scrollspy
【发布时间】：2013-09-11 18:18:51
【问题描述】：

我已经让 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>

【问题讨论】：

您的示例代码没有加号？或者我不明白你的问题
你说得对，在这个例子中，我插入了一个连字符，这是我检查这是否可行的第二步。但这也行不通。我会编辑它。谢谢

标签： html css twitter-bootstrap-3 scrollspy

【解决方案1】：

id 值中不允许加号，请参阅：What characters are allowed in DOM IDs?。为什么使用加号有助于您的 SEO？也可以阅读：URL encoding the space character: + or %20?。

考虑将 + 替换为 _

【讨论】：

加号将有助于我的 SEO，而不是修剪 id。它们在我的后端代码中多次重复使用，所以我希望它们保持不变。我知道 id 的不合规性，但这就是为什么我在示例中使用连字符来表明这也不起作用。无论如何，我认为我应该重新安排我的 golang 后端，该后端使用“urlquery”自动将 + 符号插入 HTML 模板。非常感谢您的帮助！