два прокручиваемых плагина jquery tools на странице

Question

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

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

и

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

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

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

Answer 1

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

, например:

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

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

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

Answer 2

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

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

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

Answer 3

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

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

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

Answer 4

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

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

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

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

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