0

这不是 jplayer 或特定于浏览器的,但在此查询中,我关注的是 jplayer。

jplayer 为上一个和下一个曲目设置了一系列控件,绑定到 jquery。盲人用户不会用鼠标点击,他们会使用键盘进行选项卡,并在听到他们想要的链接时按回车键。问题是,它把它们扔回了顶部。

当您有一个包含 20 首曲目的播放列表可供采样时,回到页面顶部会很烦人。jplayer 附带的代码就是这样的。

<li><a href="javascript:;" class="jp-play btn btn-large btn-success" > play&nbsp;</a> </li>

我想也许我可以使用自身id的href。虽然这在点击进入时有效....

<li><a name="jp-stop" id="jp-stop" href="#jp-stop" class="jp-stop btn btn-large btn-primary" >stop</a></li>

...它仍然让我在页面顶部转储。任何建议都非常感谢。

顺便说一句,是否有首选理由使用href="javascript:;"over a href="#"

编辑:我尝试了“动态更改的 tabindex”,正如在下面的评论中所讨论的那样,但它不仅似乎不起作用,而且还导致它无法通过可访问性测试,因为 tabindex 不应该是“乱序”的这页纸。

我决定选择两害相权取其轻,accesskeys。但是,如果可以的话,我将保持开放状态,因为我很想知道是否有解决方案。

4

1 回答 1

1

href="javascript:;" over a href="#"将始终在顶部滚动浏览器。

你可以像这样使用javascript:void(0)

<li><a href="javascript:void(0);" class="jp-play btn btn-large btn-success" > play&nbsp;</a> </li>

并删除href="#"以防止浏览器向上滚动。

于 2013-01-29T07:16:53.113 回答