Плагин инструментов jquery с двумя прокрутками на странице

я хочу использовать оба этих плагина инструментов jquery на странице:

http://flowplayer.org/tools/demos/scrollable/site-navigation.html

а также

http://flowplayer.org/tools/demos/scrollable/easing.html

но они конфликтуют друг с другом. Я имею в виду, когда я прокручиваю первый, второй также прокручивается.

как я могу это решить?


person hd.    schedule 09.03.2011    source источник
comment
Можем ли мы увидеть код, который вы используете?   -  person Loktar    schedule 09.03.2011


Ответы (4)


как использовать два находится на одном сайте flowplayer

http://flowplayer.org/tools/scrollable/#features

единственное, что вам нужно сделать, это поместить весь код в div, включить в него часть кнопок «следующая» и «предыдущая», и это все, что вы можете иметь для прокрутки, которую хотите, и с помощью CSS можете изменить ее внешний вид. :D

person Joel    schedule 05.04.2011
comment
спасибо, решение в моем случае было не совсем таким. Мне нужно добавить кнопку «Далее» и «Предыдущая» для окна навигации по сайту, чтобы оно имело свои собственные кнопки и не использовало другую кнопку мгновенной прокрутки. - person hd.; 10.04.2011

Другим возможным решением является присвоение имен различным классам кнопок «следующий», «предыдущий».

например:

jQuery(".scrollable").scrollable({ next: '.scrollableTwoNext', prev: '.scrollableTwoPrev', easing: 'custom',speed: 700 });

Это помогло мне, когда путинг не помог.

Надеюсь, это поможет кому-то

person eric.itzhak    schedule 15.01.2012

Это будет зависеть от того, как был разработан плагин... если он ищет элемент с уникальным идентификатором (или генерирует только 1 идентификатор), он не будет обрабатывать несколько экземпляров.

Однако, если вы используете его в двух местах, но используете один и тот же идентификатор более одного раза (недействительный), это то, что вам придется изменить. например Просто используйте 2 разных идентификатора.

Если вы можете добавить пример кода, мы можем помочь его отладить.

person scunliffe    schedule 09.03.2011

Убедитесь, что вы не используете один и тот же класс для них обоих, я заметил, что они оба используют .scrollable в своих примерах. Если вы опубликуете свой код, это поможет ответить.

Пример того, что может работать в зависимости от вашего кода.

$(".horScroll").scrollable({ circular: true }).navigator(".navi");

$(".easeScroll").scrollable({easing: 'custom', speed: 700, circular: true});

Обратите внимание, что они оба называются по-разному.

person Loktar    schedule 09.03.2011