根据屏幕宽度激活（或不激活）jQuery 插件

Question

所以我用这个 jQuery 插件来激活滑动菜单选项卡：

$(document).ready(function() {
var closeAll,
    $parentItem = $('div#tabWrapper'),
    slideAmt = $('div#tabBG').width(),
    direction;

$('a#toggle').click(function() {
        if (parseInt($parentItem.css('marginLeft'), 10) < 0) {
            direction = '+=';
            $(this).addClass('expanded');
        }
        else {
            $(this).removeClass('expanded');
            direction = '-=';
        }
    $parentItem.animate({marginLeft: direction + slideAmt}, 400)
    return false;
});

$parentItem.mouseleave(function() {
    closeAll = setTimeout(function() {
        $('a#toggle').removeClass('expanded').parent().animate({marginLeft: -slideAmt}, 300);
        return false;
    }, 600);
})
.mouseenter(function() {
clearTimeout(closeAll);
})  }); 

但我只希望这个动画在比 1024px 更高的屏幕宽度上工作。

如何才能实现这一点呢？

谢谢大家！

Answer 1

您可以使用获取屏幕分辨率

screen.height;
screen.width;

然后根据这些值执行您想要执行的操作