【问题标题】:Caroufredsel back button not showing previous items; shows random itemsCaroufredsel 后退按钮不显示以前的项目;显示随机项目
【发布时间】:2013-12-12 17:58:55
【问题描述】:

我正在研究 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>

任何帮助将不胜感激:)

【问题讨论】:

    标签: jquery caroufredsel


    【解决方案1】:

    在滚动对象中你有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
                    }       
                });
            });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-03-25
      • 1970-01-01
      • 2018-08-01
      • 2022-11-27
      • 1970-01-01
      • 2015-11-20
      相关资源
      最近更新 更多