仅在特定屏幕大小上触发选项卡

Question

在iPhone上查看选项卡时会出现问题(基本上是max-wdith:740 max)。

我试过很多种选择，但似乎无法让它发挥作用。这是我的基本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;
});

如果有人能帮我，那就太好了！

干杯

Answer 1

iPhone大小的像素响应设计是300 in的肖像和420 in的景观。

如果只想在特定的浏览器大小上运行函数，可以这样做：

if($(window).width() <= 740) {
   foo();
} else {
   boo();
}

Answer 2

这是-> $('ul.mobileTabs li').addClass('mobileActive');吗

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

dom添加的类"mobileActive“应该是"li”。