僅在特定屏幕尺寸上觸發選項卡

Question

在iPhone上查看時（僅基於max-wdith：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; 
}); 

---

是巨大的，如果有人可以幫助我！在響應式設計像素

乾杯

Answer 1

iPhone尺寸爲300像素的肖像和420PX景觀。

如果你想只對特定瀏覽器的大小，你可以做到這一點運行功能：

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」 應爲 「李」