JQuery слайд или отключить навигацию

Question

JQuery слайд или отключить навигацию

0

Я пытаюсь создать переключатель, когда пользователь нажимает/нажимает значок, чтобы сдвинуть #wrapper налево 200px, а затем, а затем назад, как только его снова щелкнул/постучал. Это код, с которым я пытаюсь работать:

$('a.navToggle').click(function () {
    $('#wrapper').toggle(function () {
        $('this').animate({
            right: '200px'
        }, 900);
    },
    function () {
        $('this').animate({
            left: '200px'
        }, 900);
    });
});

Проблема, которую я получаю, - ползунки #wrapper полностью, а не только 200px

Jack Barham 22 янв. 2014, в 17:51

Источник

Теги:

jquery

toggle

slidetoggle

2 ответа

0

.toggle(function(){},function(){}) устарел и удален в версии 1.9

Вы должны использовать большую версию, чем это.

и использование .toggle() означает скрыть и показать альтернативно.

Отобразить или скрыть согласованные элементы.

Именно поэтому ваш код скрывает элемент с wrapper id и одним щелчком мыши снова показывает его.

Это это не 'this' без кавычек.

Демо-версия скрипта

var i = 0,
    wrapper = $('#wrapper');
$('a.navToggle').click(function () {
    if (i++ % 2 == 0) {
        wrapper.removeAttr('style').animate({
            right: '200px'
        }, 900);
    } else {
        wrapper.removeAttr('style').animate({
            left: '200px'
        }, 900);
    }
});

Tushar Gupta 22 янв. 2014, в 13:37

0

Любая идея, что я могу использовать вместо этого?
Jack Barham 22 янв. 2014, в 16:29
0

@JackBarham поместите здесь свой код jsfiddle.net. Сделайте скрипку
Tushar Gupta - curioustushar 22 янв. 2014, в 16:37
0

Вот простая скрипка, которую я сделал jsfiddle.net/jackbarham/L3QPp Я пытаюсь получить навигацию в стиле приложения Facebook, где #wrapper будет выдвигаться влево, а затем снова при нажатии.
Jack Barham 22 янв. 2014, в 17:42

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

Ещё вопросы

Любая идея, что я могу использовать вместо этого?
@JackBarham поместите здесь свой код jsfiddle.net. Сделайте скрипку
Вот простая скрипка, которую я сделал jsfiddle.net/jackbarham/L3QPp Я пытаюсь получить навигацию в стиле приложения Facebook, где #wrapper будет выдвигаться влево, а затем снова при нажатии.

Thiago Vinicius · Accepted Answer · 2014-01-22T15-13-00.000Z

1

Лучший ответ

Это то, что вы хотите?

$('a.navToggle').click(function () {
    if($("#wrapper").css("left") == "-200px")
    {  
        $("#wrapper").animate({
            left: '0'
        }, 900);
    }
    else{
        $("#wrapper").animate({
            left: '-200px'
        }, 900);
    }
});

Thiago Vinicius 22 янв. 2014, в 15:13

0

Я вроде работаю - он скользит неправильно, но мне нужно, чтобы он переключался каждый раз, когда его нажимали, и может заставить его работать только один раз, тогда мне придется перезагрузить страницу.
Jack Barham 22 янв. 2014, в 17:43
0

разве это не то, что вы хотите? Скрипка Ссылка
Thiago Vinicius 22 янв. 2014, в 17:50
0

Да, это почти идеально - он делает переключение именно так, как мне нужно - однако он скользит вправо, и мне нужно скользить в противоположном направлении (влево). Я пытался изменить левое и правое, но не могу заставить его работать
Jack Barham 22 янв. 2014, в 18:08
0

Как это? Скрипка Ссылка
Thiago Vinicius 22 янв. 2014, в 18:16
0

Это все еще перемещает обертку вправо - это была проблема, с которой я столкнулся. Если поменять местами число (которое должно работать), оно ничего не сделает
Jack Barham 22 янв. 2014, в 18:31
0

если это не то, что вы хотите, я действительно не знаю, что вы хотите! Скриптовая ссылка
Thiago Vinicius 22 янв. 2014, в 18:38
0

Большое спасибо за вашу помощь, я действительно ценю это - я сделал скрипку здесь, как вы можете видеть, когда вы нажимаете, она уходит в правую часть экрана. Мне нужно, чтобы он двигался влево? jsfiddle.net/jackbarham/9m6Mq/2
Jack Barham 22 янв. 2014, в 18:42
0

Как эта ссылка Fiddle ?
Thiago Vinicius 22 янв. 2014, в 18:47
0

Да, отлично, спасибо :)
Jack Barham 22 янв. 2014, в 18:48

Показать ещё 7 комментариев