Блог

Главная - Вопросы по программированию - Как остановить li-скроллер?

Как остановить li-скроллер?

#jquery #scroller

#jquery #скроллер

Вопрос:

Я использую этот плагин: Li-Scroller Вот код: Код функции Jquery

Я могу каким-либо образом уничтожить / остановить / перезапустить его (удалить все divs и разметить, а затем запустить его снова), когда он применяется к неупорядоченному списку с помощью функции.

 <ul id="ticker01">
    <li><span>10/10/2007</span><a href="#">The first thing ...</a></li>
    <li><span>10/10/2007</span><a href="#">End up doing is ...</a></li>
    <li><span>10/10/2007</span><a href="#">The code that you ...</a></li>
    <!-- eccetera -->
</ul>
  
 $("ul#ticker01").liScroll();

JSFiddle

Комментарии:

1. СКРИПКА JS: jsfiddle.net/X5Ln7

2. вы можете остановить его, вызвав $("ul#ticker01").stop(); , но у него нет никакой функции, чтобы запустить его снова — jsfiddle.net/X5Ln7/1

3. Спасибо. Но как насчет его уничтожения и удаления всех его тегов разметки? Я снова инициализирую функцию, чтобы перезапустить ее.

4. Вот скрипка, но она снова не инициализирует плагин — jsfiddle.net/X5Ln7/2

Ответ №1:

Чтобы остановить и уничтожить скроллер, вам просто нужно «отменить» все, что добавляет li-scroller, чтобы вы могли использовать следующий jQuery:

 $("ul#ticker01")
    .clearQueue().stop()       //stops animation
    .unwrap()                  //removes mask div
    .unwrap()                  //removes tickercontainer div
    .unbind()                  //unbinds any events attached (like hover)
    .removeClass('newsticker') //removes the extra class
    .removeAttr('style');      //removes the height style

Пример

Ответ №2:

Это остановит анимацию при наведении курсора мыши на текст

 $("ul#ticker01").liScroll({travelocity: 0.15});

Комментарии:

1. Да, я знаю. Но я хочу уничтожить скроллер. Я имею в виду удалить все его теги разметки и удалить функциональность.