Caroufredsel后退按钮没有显示以前的项目;显示随机项目

时间:2013-12-12 17:58:55

标签: jquery caroufredsel

我正在开发caroufredsel的实现,除了后退按钮外,所有功能都很好。

我显示3个项目,然后滚动。单击前进按钮时,它会向前滚动3个项目。单击后退按钮时,只显示一个项目,它不一定是列表中的上一个项目。

这是脚本:

    <script type="text/javascript" language="javascript">
        $j = jQuery.noConflict();
            $j(function() {

                //  Variable number of visible items with variable sizes
                $j('#foo3').carouFredSel({
                    width:'100%',
                    height: 'auto',
                    prev : {
                          button : "#prev3",
                          key : "left"
                       },
                    next : { 
                          button : "#next3",
                          key : "right"
                       },
                    auto: true,
                    items: '3',
                    scroll: {
                        duration:1000,
                        items: 3,
                        pauseOnHover: true
                    }       
                });
            });
</script>

任何帮助将不胜感激:)

1 个答案:

答案 0 :(得分:0)

在滚动对象中,您有items: '3'而不是items: 1

<script type="text/javascript" language="javascript">
    $j = jQuery.noConflict();
        $j(function() {

            //  Variable number of visible items with variable sizes
            $j('#foo3').carouFredSel({
                width:'100%',
                height: 'auto',
                prev : {
                      button : "#prev3",
                      key : "left"
                   },
                next : { 
                      button : "#next3",
                      key : "right"
                   },
                auto: true,
                items: '3',
                scroll: {
                    duration:1000,
                    items: 1,
                    pauseOnHover: true
                }       
            });
        });