скользящий цикл меню со следующими и предыдущими кнопками

Question

скользящий цикл меню со следующими и предыдущими кнопками

0

Я пытаюсь сделать "велосипедное меню" или селектор.

Я сделал jsfiddle, который выглядит так .

Я пробовал это:

$("#prev").click(function(){
      $('#routesheader').animate({
          left: '200px';
      });
      $('#routesheader').toggle();
});
$("#next").click(function(){
      $('#routesheader').animate({
          left: '-200px';
      });
      $('#routesheader').toggle();
});

но он, похоже, не работает.

Я хочу, чтобы список перемещался влево и вправо в зависимости от того, какая кнопка нажата и, таким образом, раскрывая следующий/предыдущий выбор

Если возможно, id нравится делать это без плагинов (например, JQuery Cycle)

Johan Hjalmarsson 23 окт. 2013, в 19:43

Источник

1

вы используете анимацию неправильно ... как то так - jsfiddle.net/4zHDt/9 ? очевидно, еще многое предстоит сделать, чтобы выполнить то, что вы хотите ...
Elen 23 окт. 2013, в 16:59

Теги:

jquery

css

css3

jquery-ui

1 ответ

Ещё вопросы

вы используете анимацию неправильно ... как то так - jsfiddle.net/4zHDt/9 ? очевидно, еще многое предстоит сделать, чтобы выполнить то, что вы хотите ...

Joel Worsham · Accepted Answer · 2013-10-23T15-12-00.000Z

Ваша проблема - точка с запятой в одинарных скобках. Этот неправильный синтаксис. Правильный синтаксис выглядит так:

$("#prev").click(function(){
    $('#routesheader').animate({left:'200px'},500);
    $('#routesheader').toggle();
});
$("#next").click(function(){
    $('#routesheader').animate({left:'-200px'},500);
    $('#routesheader').toggle();
});

Если вам нужно больше одного свойства для анимации, разделите его так:

$("#prev").click(function(){
    $('#routesheader').animate({
        left:'200px',
        attr:'value',
        attr:'value'
    },500);

Вы должны использовать запятые, но не используйте запятую в последнем свойстве. Javascript очень чувствителен к правильному синтаксису.

Спасибо за ответ, но я все еще не могу заставить его работать. Это то, что у меня пока есть: jsfiddle.net/litari/4zHDt/7 Я также попробовал ваше второе решение. Вы не против предоставить мне работающий JSfiddle?
jsfiddle.net/4zHDt/12 Это должно как минимум заставить вас двигаться в правильном направлении.