先决条件
- 我拥有 searched 来处理重复或已关闭的问题
- 我拥有 validated 的任何HTML以避免常见问题
- 我阅读了 contributing guidelines
描述问题
#35566 没有解决所有奇怪的ID的问题。下面的测试用例添加会导致问题标题中的错误。
简化的测试用例
diff --git a/js/tests/unit/scrollspy.spec.js b/js/tests/unit/scrollspy.spec.js
index c7951e6..704b52a 100644
--- a/js/tests/unit/scrollspy.spec.js
+++ b/js/tests/unit/scrollspy.spec.js
@@ -341,11 +341,13 @@ describe('ScrollSpy', () => {
' <ul class="nav">',
' <li class="nav-item"><a class="nav-link" id="a-1" href="#div-1">div 1</a></li>',
' <li class="nav-item"><a class="nav-link" id="a-2" href="#div-2">div 2</a></li>',
+ ' <li class="nav-item"><a class="nav-link" id="a-2.1" href="#div-2.1">div 2</a></li>',
' </ul>',
'</nav>',
'<div class="content" style="overflow: auto; height: 50px">',
' <div id="div-1" style="height: 100px; padding: 0; margin: 0">div 1</div>',
' <div id="div-2" style="height: 200px; padding: 0; margin: 0">div 2</div>',
+ ' <div id="div-2.1" style="height: 200px; padding: 0; margin: 0">div 2.1</div>',
'</div>'
].join('')
你在哪个操作系统上看到了这个问题?
macOS
你在哪个浏览器上看到了这个问题?
Firefox
你使用的Bootstrap版本是什么?
v5.2.3
7条答案
按热度按时间qxgroojn1#
这是奇怪的...
我没有花时间去查看,但如果我在Firefox的JS控制台中复制粘贴:
然后我输入:
=> 对我来说看起来是正确的结果
pb3s4cty2#
应用补丁并运行测试?这应该会重新创建问题(也许那个函数没有被调用?)
iq0todco3#
以下是我在使用上述补丁后遇到的测试失败:
gudnpqoy4#
好的,我对 Bootstrap 代码不熟悉,但在我看来,
scrollspy
似乎使用了各种SelectorEngine
函数(如find
等),而这些函数似乎根本不调用parseSelector
?w8rqjzmb5#
我遇到了类似的问题,但是链接到一个外部PDF文件,使用"file.pdf#page=10"的格式。
我得到了JS错误:
ozxc1zmp6#
我也在Bootstrap v5.2.3上遇到了这个问题,运行在Windows 11上的Microsoft Edge v112。
导致了错误
看起来 #34412 (本应由 #35566 关闭)实际上仍然没有解决。
bjp0bcyl7#
可以在5.3.2上确认。
像这样修补
SelectorEngine.findOne()
可以解决(那部分的)scrollspy问题,对我和我的#2-foo-bar
ID也是如此。(没有检查副作用!)