jquery SerialScroll

Question

Я пытаюсь реализовать jquery serialScroll на одной из моих каруселей с кнопками prev / next, однако я могу заставить его работать, только когда передам уникальные идентификаторы для prev и next. что я хотел бы сделать, это передать в селектор.

Так с разметкой вот так:

<div id="screen">
..
<img class="prev" ..>
..
<img class="next" ..>
..
</div>

Это похоже на работу:

$(#screen).serialScroll({
  //..
  prev: 'img.prev',
  next: 'img.next'
});

Но это не так:

$(#screen).serialScroll({
  //..
  prev: '#screen .prev',
  next: '#screen .next'
});

Answer 1

Вы устанавливаете prev и next для тега (prev и next).Измените на #screen .prev и #screen .next (обратите внимание на точку), и оно должно работать.

Answer 2

Лучше поздно, чем никогда - плагин выбирает элементы в контексте селектора.

function getItems(){
    return $( items, pane );
};

Так что с вашим последним фрагментом он фактически оценивается как #screen #screen .prev, поэтому ни один из них не найден;)