0

我尝试将基础框架与轨道滑块一起使用，当我在浏览器上对其进行测试时，滑块会执行转换，但是动画没有被执行，只是从一个部分淡入到另一个部分。

只有当我尝试调整窗口大小时，它才能按预期工作。

经过进一步检查，显然当滑块尝试使用'horizo​​ntal-push'进行更改时，轨道滑块div的变量this.outerWIdth是1而不是div的实际宽度。

这是我使用轨道的功能滑块的标记。

<div id="features-wrap" class="wrapper">
            <!-- Insert Features Here -->
            <div id="features-gutter" class="row">
                <section id="features" class="row">
                    <div id="welcome">
                        <div class="eight columns">
                            <h4>Welcome</h4>
                            <p>Hello.</p>
                        </div>
                        <div class="four columns">
                            <img src="img/content/promo1.jpg" alt="Promo Image 1" width="320" height="220">
                        </div>
                    </div>
                    <div id="decorated">
                        <div class="eight columns">
                            <h4>Decorated Apparel</h4>
                            <p>Some Text</p>
                        </div>
                        <div class="four columns">
                            <img src="img/content/promo2.jpg" alt="Promo Image 1" width="320" height="220">
                        </div>
                    </div>
                    <div id="promotional">
                        <div class="eight columns">
                            <h4>Protional Products</h4>
                            <p>Some Text</p>  
                        </div>
                        <div class="four columns">
                            <img src="img/content/promo3.jpg" alt="Promo Image 1" width="320" height="220">
                        </div>
                    </div>
                </section>
            </div>
            <!-- End Insert Features Here -->
        </div>

代码结束这也是我正在调用的 Javascript。

var featuresSlider = $('#features');
featuresSlider.orbit({fluid: '2x1', animationSpeed: 650, animation: 'horizontal-push' });

我对代码做了什么，或者它真的是当前轨道脚本的错误吗？

谢谢。

4

1 回答 1

0

找到了答案。为了让滑块获得正确的外宽度，我必须转到初始化滑块的 div 并覆盖 css 文件中插件设置的宽度。例如：如果功能控制我的轨道滑块，那么我需要这样做：

#features {
    width: <set the width here> !important;
    <any other styles here>
}

谢谢

于 2012-11-09T02:23:14.513 回答