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;

然后根据这些值做你想做的事

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

1 个答案: