jqtouch でタブ付きコンテナー (jquery 有機タブhttp://css-tricks.com/organic-tabs/ ) を実装しようとしています。指定されたコンテナにあるコンテンツのみをタブでタブに表示したいと思います。問題は、私の人生では、jqtouch のデフォルトのリンク動作をオーバーライドできないことです。ユーザーがタブ リンクをクリックすると、タブ付きのコンテンツを表示するのではなく、空白のページに自動的に切り替わります。
つまり、jqtouch はアンカーを認識し、デフォルトで新しいページにスワップします。この場合、現在のページにコンテンツを表示したいと思います。
ありがとう ！
jQTouch は、Web サイトのモバイル バージョン用に考えられています。あなたに任せる仕事を減らすために、いくつかの優れた機能はすでに実装されています。残念ながら、一部の機能は役に立ちません。あなたの場合、ページの変更を防ぐために、各タブに jquery 関数を割り当てるだけでよいと思います。私が使用するコードがあなたにも役立つことを願っています。
$('.contents').hide(); // hide all contents in page load
$(document).ready(function(){
$('#tab1'.).click(function(){
$('.contents').hide(); // hide the current contents
$('#content1').show(); // show the current contents of your tab
}
});