jQuery UI slider 、HTML5 全屏、Google Chrome 和状态栏

Question

我已经有了一个 jQuery UI slider ，并且我在最新的 Chrome 浏览器上以 HTML5 全屏模式使用它。

当用户单击并拖动 slider handle 时，因为 jQuery UI 将 slider handle 绘制为 <a>标记为 href="#" ，Chrome 显示链接 #在全屏底部的“状态栏”中(就像将鼠标悬停在链接上时一样，浏览器窗口底部会出现一个小状态栏)。

这破坏了我的全屏体验。

是否有办法阻止 Chrome 专门针对该 slider 标记或任何 href 为 # 的链接执行此操作？ ？仍然为其他链接显示此信息会很有用。

如果做不到这一点，是否有办法让 jQuery 将 slider 绘制为 <div>标签而不是 <a>标签？

最后，(只是因为我很好奇)为什么 jQuery UI 团队的霸主会认为使用 <a> 会更明智。这种情况下的标签比 <div>标签？

Answer 1

如果您要在页面加载时从 anchor 标记中删除 href，则 Chrome(或可能的任何浏览器)中的状态栏将不会出现。

我同意这不是一个很好的解决方案。

为此，将以下行添加到 $(document).ready() 的末尾，以便在整个页面加载后执行:

$(<* selctor for jQuery UI Slider *> ).removeAttr('href');

我通过这样做选择了元素:

$('.ui-slider-handle').removeAttr('href');