如何更改 JCAROUSEL 中单击下一个/上一个按钮时滚动的数量

Question

我的滚动选项设置为“1”并换行为“循环”，但是当我将下一个/上一个按钮中的滚动选项更改为 4 时，轮播会自动滚动到 4我如何使其不采用下一个/上一个按钮上的设置值

这是我的代码：

$('#news-carousel').jcarousel({ 
                vertical: true, 
                scroll: 1, 
                auto: 2, 
                wrap: 'circular',
                initCallback: function(jc,state) {
                  if (state == 'init') {
                    jc.startAutoOrig = jc.startAuto;
                    jc.startAuto = function() {
                      if (!jc.paused) {
                        jc.startAutoOrig();
                      }
                    }
                    jc.pause = function() {
                      jc.paused = true;
                      jc.stopAuto();
                    };
                    jc.play = function() {
                      jc.paused = false;
                      jc.startAuto();
                    };
                    $('li.jcarousel-item').click(function(){ 
                        jc.pause();
                    });
                    $('a.close').click(function(){ 
                        jc.play();
                    }); 
                    jc.play();
                      }
                    },
                    buttonNextCallback: function(jc,state){
                        $('.arrow-up').bind('click',function() {
                            jc.next();
                                jc.options.scroll = jQuery.jcarousel.intval(4)
                            return false;
                            });
                    },
                    buttonPrevCallback: function(jc,state){
                        $('.arrow-down').bind('click',function() {
                            jc.prev();
                            jc.options.scroll = jQuery.jcarousel.intval(4)
                            return false;
                        });
                    }
            }); 

Answer 1

我认为并没有完全理解你的问题...

function changeScroller() {
        jQuery('.jcarousel-control a').bind('click', function () {
            var carousel = jQuery('#mycarousel').data('jcarousel');
            carousel.options.scroll = jQuery.jcarousel.intval(jQuery(this).text());
            return false;
        });
    }

jQuery('#mycarousel').jcarousel({
            visible: show,
            scroll: 2,
            initCallback: changeScroller
        });

<div class="jcarousel-control" style="float:right">
<a href="#" class="button">2</a>
<a href="#" class="button">5</a>
<a href="#" class="button">10</a>
</div>

单击按钮会更改下一个滚动条将滚动的项目数，默认为 2