0

iPhone で表示した場合にのみタブがトリガーされるようにするのに問題があります (基本的に max-width:740px)。

いくつかのオプションを試しましたが、うまくいかないようです。これは私の基本的なjQueryです:

$('#tab-1, #tab-2, #tab-3').hide();
$('#tab-1').show();
$('ul.mobileTabs li a.mobiletab1').addClass('mobileActive');

$('ul.mobileTabs li a').click(function(){
    $('ul.mobileTabs li').removeClass('mobileActive');
    $(this).parent().addClass('mobileActive');
    var currentTab = $(this).attr('href');
    $('#tab-1, #tab-2, #tab-3').hide();
    $(currentTab).show();
    return false;
});

誰かが私を助けることができれば素晴らしいです！

乾杯

4

2 に答える 2

0

レスポンシブ デザインのピクセル単位の iPhone のサイズは、縦向きの場合は 300px、横向きの場合は 420px です。

特定のブラウザー サイズに対してのみ機能を実行する場合は、次のようにします。

if($(window).width() <= 740) {
   foo();
} else {
   boo();
}
于 2012-08-08T09:09:11.840 に答える
0

これは ->$('ul.mobileTabs li').addClass('mobileActive');ですか？

$('#tab-1, #tab-2, #tab-3').hide();
$('#tab-1').show();
$('ul.mobileTabs li').addClass('mobileActive');

DOM 追加クラス「mobileActive」は「li」である必要があります

于 2012-08-08T09:09:16.900 に答える