タブやアコーディオンや、限られた視野の範囲で効率良く表示するコンテンツは、最後に表示したものを記憶しておくのが良いと思います。
物事を始めたり終えたりするのに、適当な時機
１ 本人が悪いことでないと確信してなされる犯罪
２ 《1から転じて》悪いことだとわかっていながら行われた犯罪や行為
◆犯罪というほど重大な行為でない場合にも用いる。2 の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が 1 ではなく 2 の意で用いると回答した。
【徐に】落ち着いて、ゆっくりと行動するさま
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link id="link" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(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">
<p>１ 本人が悪いことでないと確信してなされる犯罪</p>
<p>２ 《1から転じて》悪いことだとわかっていながら行われた犯罪や行為</p>
<p>◆犯罪というほど重大な行為でない場合にも用いる。2 の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が 1 ではなく 2 の意で用いると回答した。</p>
</div>
<div id="tabs-3">
【徐に】落ち着いて、ゆっくりと行動するさま
</div>
</div>
jQuery 部分は全て Google のホスティングを使用しています。
|
|
【jQuery UIの最新記事】
- Google がホスティングしている jQuery UI の CSS のテーマのチェックをする jQuery UI ボタン
- jQuery UI の Autocomplete Combobox をさらにカスタマイズして、『Form の送信で使用する入力可能なコンボボックス』にする
- jQuery UI の Spinner のボタン部分だけを利用して、マウスでクリックしたままでイベントが継続する増減ボタンを作成する
- jQuery UI の Accordion Widget(アコーディオン)で、タイトルとコンテンツの指定方法
- jQuery : table の行をクリックして、jQuery UI のダイアログを表示し、行データをダイアログ内で変更して table の列にデータを戻す
- jQuery UI の datepicker の基本オプションとダイアログ(datepicker)の利用
- jQuery UI(tabs) の内部コードを書き換えて、タブ上でのキーボード処理をキャンセルする
- jQuery UI の slider と Google のホスティング
- jQuery UI の タブの表示切替でのアニメーション方法
