Как использовать jQuery SerialScroll с событием mouseover / mouseenter? - PullRequest
Новая
       3

Как использовать jQuery SerialScroll с событием mouseover / mouseenter?

0 голосов
/ 02 февраля 2011

У меня есть вопрос об использовании SerialScroll с чем-то другим, кроме события щелчка.

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

event:'mouseenter'

в параметрах SerialScroll.

Ну, все хорошо начинается, но никогда не заканчивается, пока не достигнет конца списка.

Поэтому я попытался связать событие mouseover, чтобы вызвать щелчок, и отпуск мышью, чтобы остановить прокрутку ... К сожалению ... это не сработало ..

Любые подсказки будут высоко оценены!

Код выглядит следующим образом: 

     jQuery(".prevline").bind('mouseover',function(){
    jQuery(this).trigger('click');});
  jQuery(".nextline").bind('mouseover',function(){
    jQuery(this).trigger('click');});

  jQuery(".prevline").bind('mouseleave',function(){
    jQuery("#tagline").stop().trigger('stop');});
  jQuery(".nextline").bind('mouseleave',function(){
    jQuery("#tagline").stop().trigger('stop');});

  jQuery('#tagline').serialScroll({
        items:'li', 
        prev:'.prevline',
        next:'.nextline',// Selector to the 'next' button (absolute too)
        axis:'y',// The default is 'y' scroll on both ways
        //navigation:'#navigation li a',
        duration:1000,
        force:true, 

        //queue:false,// We scroll on both axes, scroll both at the same time.
        event:'click',
        stop:true,// Each click will stop any previous animations of the target. (false by default)
        lock:true, // Ignore events if already animating (true by default)        
        //start: 0, 
        //cycle:true,
        //step:1, 
        jump:false,
        //lazy:false,
        //interval:1000,
        //constant:true, 

        onBefore:function( e, elem, $pane, $items, pos ){
            /**
             * 'this' is the triggered element 
             * e is the event object
             * elem is the element we'll be scrolling to
             * $pane is the element being scrolled
             * $items is the items collection at this moment
             * pos is the position of elem in the collection
             * if it returns false, the event will be ignored
             */
             //those arguments with a $ are jqueryfied, elem isn't.
            e.preventDefault();
            if( this.blur )
                this.blur();
        },
        onAfter:function( elem ){
            //'this' is the element being scrolled ($pane) not jqueryfied
        }
    });

1 Ответ

0 голосов
/ 04 февраля 2011

Простое удаление всего моего события и настройка плагина другим способом заставили его работать: 

  jQuery('#tagline').serialScroll({
        items:'li',
        prev:'.prevline',
        next:'.nextline',
        axis:'y',// The default is 'y' scroll on both ways
        duration:1200,
        force:true,
        event:'mouseover',
        stop:true,// Each click will stop any previous animations of the target. (false by default)
        lock:true, // Ignore events if already animating (true by default)       
        cycle:false,
        jump:false,
        onBefore:function( e, elem, $pane, $items, pos ){
            e.preventDefault();
            if( this.blur )
                this.blur();
        },
        onAfter:function( elem ){
        }
    });
...