2012-10-09 48 views
0

這不是jplayer或瀏覽器特定的,但在這個查詢中,它是我關注的jplayer。停止瀏覽器的標籤順序跳回到頁面的開始時,鍵盤導航javascript鏈接

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:;"超過a href="#"

編輯:我嘗試了「動態變化的tabindex」作爲答覆討論下面發表評論,但不僅不會似乎工作,但它也導致它失敗的無障礙測試人員的tabindex不應該「頁面無序」。

我決定去兩個邪惡中的一個,accesskeys。但是,如果沒有問題,我會打開它,因爲我很想知道是否有解決方案。

+0

你使用的是什麼HTML標記(或者jplayer呈現/創建的HTML標記是否必須使用)? –

+0

我想最安全的事情,而不是給你一個我的代碼的黑客版本,是讓你看到一個現場演示http://jplayer.org/latest/demo-02/這也是http:// jplayer.org/latest/jQuery.jPlayer.2.2.0.demos.zip,這裏是一個jsfiddle.net/jPlayer/Q4LMV/。當我輸入這個時,我想嘗試使用jquery將「1」的tabindex屬性添加到當前活動的href中。我會讓你知道我如何繼續... – talkingnews

回答

1

href =「javascript :;」在一個href =「#」將始終滾動瀏覽器頂部。

你可以使用JavaScript的:無效(0)這樣的:

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

並刪除HREF = 「#」,以防止瀏覽器滾動起來。

相關問題