jQuery UI のタブでは、タブ部分とパネル部分でイベントが登録されており、特に、タブ部分では矢印キーなどが専用に処理されるので、それらをキャンセルする為、上書きで function を定義します。 _tabKeydown を書き換えるだけでいいのですが、全体像が解るように、_setupEvents と _tabKeydown を書き換えました。 ここでは、キーを使うと、キーコードを alert するように変更しています。
<script>
if ( !window.jQuery ) {
document.write("<"+"script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js\"></"+"script>");
}
if ( window[window.location.hostname+'.loadjQueryUI'] !== true ) {
window[window.location.hostname+'.loadjQueryUI'] = true;
document.write("<"+"link rel=\"stylesheet\" href=\"//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css\">");
document.write("<"+"script src=\"//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js\"></"+"script>");
}
</script>
<script>
$.ui.tabs.prototype._setupEvents = function( event ) {
var events = {
click: function( event ) {
event.preventDefault();
}
};
if ( event ) {
$.each( event.split(" "), function( index, eventName ) {
events[ eventName ] = "_eventHandler";
});
}
this._off( this.anchors.add( this.tabs ).add( this.panels ) );
this._on( this.anchors, events );
this._on( this.tabs, { keydown: "_tabKeydown" } );
// this._on( this.panels, { keydown: "_panelKeydown" } );
this._focusable( this.tabs );
this._hoverable( this.tabs );
};
$.ui.tabs.prototype._tabKeydown= function( event ) {
alert(event.keyCode)
};
$(function() {
var target_tab = 0;
if ( typeof(localStorage["old_active"]) != 'undefined' ) {
target_tab = localStorage["old_active"];
}
$( "#mytabs" ).tabs({
active: target_tab,
activate: function( event, ui ) {
localStorage["old_active"] = $( this ).tabs( "option", "active" );
}
});
});
</script>
<div id="mytabs">
<ul>
<li><a href="#tabs-1">潮時</a></li>
<li><a href="#tabs-2">確信犯</a></li>
<li><a href="#tabs-3">おもむろに</a></li>
</ul>
<div id="tabs-1">
物事を始めたり終えたりするのに、適当な時機
</div>
<div id="tabs-2">
１ 本人が悪いことでないと確信してなされる犯罪
２ 《1から転じて》悪いことだとわかっていながら行われた犯罪や行為
◆犯罪というほど重大な行為でない場合にも用いる。2の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が1ではなく2の意で用いると回答した。
</div>
<div id="tabs-3">
【徐に】落ち着いて、ゆっくりと行動するさま
</div>
</div>
物事を始めたり終えたりするのに、適当な時機
１ 本人が悪いことでないと確信してなされる犯罪
２ 《1から転じて》悪いことだとわかっていながら行われた犯罪や行為
◆犯罪というほど重大な行為でない場合にも用いる。2の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が1ではなく2の意で用いると回答した。
【徐に】落ち着いて、ゆっくりと行動するさま
|
|
【jQuery UIの最新記事】
- Google がホスティングしている jQuery UI の CSS のテーマのチェックをする jQuery UI ボタン
- jQuery UI のタブを使用時に、前回開いたタブを localStorage に保存して、次回の表示に使用する
- jQuery UI の Autocomplete Combobox をさらにカスタマイズして、『Form の送信で使用する入力可能なコンボボックス』にする
- jQuery UI の Spinner のボタン部分だけを利用して、マウスでクリックしたままでイベントが継続する増減ボタンを作成する
- jQuery UI の Accordion Widget(アコーディオン)で、タイトルとコンテンツの指定方法
- jQuery : table の行をクリックして、jQuery UI のダイアログを表示し、行データをダイアログ内で変更して table の列にデータを戻す
- jQuery UI の datepicker の基本オプションとダイアログ(datepicker)の利用
- jQuery UI の slider と Google のホスティング
- jQuery UI の タブの表示切替でのアニメーション方法
