Как передать параметры с помощью jquery animate

Question

Как передать параметры с помощью jquery animate

0

У меня есть следующий код:

     function openme() {
        $('#wrapper').addClass('primary-nav-opened');
        topbar.animate({
            left: "265px"
        }, {
            duration: 'fast',
            easing: 'swing'
        });
        pagebody.animate({
            left: "265px"
        }, {
            duration: 'fast',
            easing: 'swing'
        });

        $('body').addClass('ov-hidden');
    }

моя проблема: я должен изменить атрибут слева направо, но я должен делать это динамически.

Я пробовал следующее, но это не работает:

var direction = {'right' : pos};

Затем я изменил все "левые" значения на направление. Это не работает. Что не так с моим кодом и как заставить его работать?

Любая помощь будет очень признательна.

благодаря

обновленный код:

     function openme() {
        $('#wrapper').addClass('primary-nav-opened');
        topbar.animate({
            direction: "265px"
        }, {
            duration: 'fast',
            easing: 'swing'
        });
        pagebody.animate({
            direction: "265px"
        }, {
            duration: 'fast',
            easing: 'swing'
        });

        $('body').addClass('ov-hidden');
    }

Wasiim 29 нояб. 2013, в 14:10

Источник

0

Что такое pos ? Вы можете сделать {right: r, left: l} а затем установить r и l . Если вы установите l , установите r в «auto» и наоборот.
putvande 29 нояб. 2013, в 12:55
0

эхх .. ну дай мне проверить это ..
Wasiim 29 нояб. 2013, в 12:57
0

не могли бы вы помочь мне в написании этого ..
Wasiim 29 нояб. 2013, в 12:59

Показать ещё 1 комментарий

Теги:

jquery

2 ответа

0

 function openme(properties) {
    $('#wrapper').addClass('primary-nav-opened');
    var properties = 
    topbar.animate(properties, {
        duration: 'fast',
        easing: 'swing'
    });
    pagebody.animate(properties, {
        duration: 'fast',
        easing: 'swing'
    });

    $('body').addClass('ov-hidden');
}
openme({right: "auto", left: "265px"});
// ... sometime later
openme({right: "265px", left: "auto"});

Poetro 29 нояб. 2013, в 11:13

1

Это не сработает, это опечатка?
putvande 29 нояб. 2013, в 13:07
0

не повезло :( я получаю неожиданное поведение
Wasiim 29 нояб. 2013, в 13:08
0

извините, там есть опечатка, игнорируйте строку var properties =
Poetro 29 нояб. 2013, в 13:31

Показать ещё 1 комментарий

Ещё вопросы

Что такое pos ? Вы можете сделать {right: r, left: l} а затем установить r и l . Если вы установите l , установите r в «auto» и наоборот.
не могли бы вы помочь мне в написании этого ..
не повезло :( я получаю неожиданное поведение
извините, там есть опечатка, игнорируйте строку var properties =

putvande · Accepted Answer · 2013-11-29T10-39-00.000Z

Если вы хотите оживить динамически вправо или влево, вам нужно установить 1 из двух желаемого количества пикселей, а другое - "авто". В противном случае они вступают в конфликт и не ожидают. Поэтому вы можете сделать что-то вроде этого:

function openme(dir, amount) {
    $('#wrapper').addClass('primary-nav-opened');
    var movement = {};
    if (dir === 'left') {
        movement.left = amount;
        movement.right = 'auto';
    }
    if (dir === 'right') {
        movement.right = amount;
        movement.left = 'auto';
    }

    topbar.animate(
        movement, {
            duration: 'fast',
            easing: 'swing'
        });
    pagebody.animate(
        movement, {
            duration: 'fast',
            easing: 'swing'
        });

    $('body').addClass('ov-hidden');
}

openme('left','265px');

Это точно, что я искал! Да, это работает, спасибо большое