jQuery タブメニューへのダイレクトリンク 2014年03月09日(日)20:21:34

当ブログではコメントに返信ボタンを付けているが、
jQuery のUI TABメニュー を使用している為、これまで、
コメントの入力画面への切り替えは手動で行っていた。

[改良]
 「タブをクリックする代わりにボタンでタブを選択する」事により解決
 参考サイト:jQuery タブメニューへのダイレクトリンクの仕方を教えてください。
[記述]
$(function() {
var obj = $('#ui-tab1 > ul').tabs({ fx: { opacity: 'toggle', duration: 'slow' } });
// タブをクリックする代わりにボタンでタブを選択する
$('#button').click(function() { // ボタンにクリックイベントをバインド
obj.tabs('select', '#fragment-1');
return false;
});
});
※ 緑の部分はそれぞれ各人で書き換え
当ブログでは「#button」を「.button」に書き換える事により
複数のボタンで対応出切るようになった。
不具合が出ないか、暫く様子を見る事とする
【スポンサーリンク】
【拍手確認】 【記事の編集】
【関連タグ】 タブメニュー  当ブログ内の関連記事をタグで検索出来ます。
最終更新日時: -0001年11月30日(水)00:00:00ブログパーツ このページのトップへ

コメントの投稿 [0件]

非公開コメント

 商品検索

タグ [上位30件]



 カテゴリ&月別一覧
 
 最新記事紹介
『破門 ふたりのヤクビョーガミ』 2017/10/22
視察研修2017年 2017/10/20
『刑事ゆがみ』 第二話 2017/10/19
『スタンドオフ(2016) 』 2017/10/19
『金メダル男』 2017/10/15
「ブラック星博士の東海征服計画2017」 2017/10/15
『ブラック・ファイル 野心の代償』 2017/10/14
『探偵ミタライの事件簿 星籠の海』 2017/10/13
ペイントで丸枠写真を移し替える方法 2017/10/12
博物館 明治村 (2017年) 2017/10/09
 週間人気記事
 Trackback
 Comment 

コメント、トラックバック大歓迎。
但し、記事と無関係と思われるものは、
削除させて頂きます。

FC2ランキング
[ ジャンルランキング ]

映画:第76位
アクセスランキングを見る>>


[ サブジャンルランキング ]

レビュー:第37位
アクセスランキングを見る>>