Активировать (или нет) плагин jQuery в зависимости от ширины экрана - PullRequest
0 голосов
/ 04 января 2012

Итак, я получил этот плагин 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);
})  }); 

Но я хочу, чтобы эта анимация работала только на экране шириной более 1024 пикселей.

Как сделатьэто случилось?

Спасибо всем!

1 Ответ

0 голосов
/ 04 января 2012

Вы можете получить разрешение экрана, используя

screen.height;
screen.width;

Затем выполните то, что вы хотите сделать в зависимости от этих значений

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...