jquery - タブでdivを選択

Question

を使用するjQuery UIダイアログにこの閉じるボタンがあります。ユーザーがその上にカーソルを合わせると、ブラウザはページの下部に役に立たないリンクを表示するため、これは面倒です（下部にステータスバーを使用しているため、実際にはそこに表示できません）。

属性 href を削除すると問題は解決しますが、ダイアログの要素をタブで移動すると、href のないボタンはスキップされます。

任意の提案をいただければ幸いです。

編集: HTML:

<html><head>...(script includes)</head><body>
<div id="someDialog">
</body></html>

J:

 $(document).ready(function() {
     $("#someDialog").dialog();
 )};

jsfiddle: http://jsfiddle.net/mmarcon/jTGCF/1/ ダイアログを開き、閉じる「x」の上にカーソルを置きます。

score 3 · Accepted Answer

ステータスバーに何も表示できない場合は、アンカータグを完全に削除し、代わりに選択した要素のナビゲーションに JavaScript を使用する必要があります (既に行っているように!)。

次にtabindex、タブを押す順序と要素を制御するために使用します。

ここで jsfiddle を更新しました: http://jsfiddle.net/jTGCF/201/ (2 つのボタンの間をタブで移動してみてください)

score 0 · Accepted Answer

ステータスバーを変更することもできます。一例を次に示します: http://www.west-wind.com/weblog/posts/2008/Jun/13/A-jQuery-Client-Status-Bar

ほとんどのブラウザーが表示するものよりも見栄えがよく、ユーザーにとってより見やすくなっています。他のユーザーについてはわかりませんが、組み込みのステータスバーを見るのは、自分のアプリをデバッグしているときだけです。

2 に答える 2