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像素尺寸为300px（纵向）和420px（横向）。

如果您只想为某个浏览器尺寸运行功能，可以执行以下操作：

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

Answer 2

这是 - ＆gt; $('ul.mobileTabs li').addClass('mobileActive');？

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

dom添加的课程“mobileActive”应为“li”

仅在特定屏幕尺寸上触发选项卡

2 个答案: