Javascript 基础框架轨道不能正确地在幻灯片之间动画 我曾尝试使用轨道滑块的基础框架，当我在浏览器上测试它时，滑块执行转换，但是动画没有被执行，只是从1部分淡入另一部分。p>

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

进一步检查后，显然当滑块尝试使用“水平推力”进行更改时，轨道滑块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>

我对代码做了什么，或者它真的是orbit当前脚本的一个bug吗

---

谢谢。

找到了答案。为了使滑块获得正确的外径，我必须转到初始化滑块的div，并覆盖css文件中插件设置的宽度。例如： 如果功能控制我的动态观察滑块，则我需要执行以下操作：

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

#功能{
宽度：！重要；
}

谢谢

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