视差内容滑块在本地工作但不在线

时间:2016-09-18 17:53:52

标签: jquery slider css-animations

我刚刚开始在网站上工作但我已经坚持了第一个问题,因为有些日子......我使用Parallax Content Slider from Codrops website

当我在我的计算机上进行本地测试时,它可以正常工作,但是当它在线时,它会在第二张幻灯片处停止,并且它不再移动,它也不能用于导航。在Firefox和谷歌浏览器上进行测试,两者都有同样的问题。

我最不明白的是,为什么它在第二张幻灯片之前有效?

HTML:

<div id="da-slider" class="da-slider">
    <div class="da-slide">
        <h1>MK Architecture - About</h1>
        <p>Nulla facilisi. Phasellus cursus nisl id sapien accumsan, et laoreet neque porta....</p>
        <div class="da-img">
            <img src="images/slide1.jpg" alt="MKA about" />
        </div>
    </div>
    <div class="da-slide">
        <h1>Services - Let me work...</h1>
        <p>Nulla facilisi. Phasellus cursus nisl id sapien accumsan, et laoreet neque porta...</p>
        <p class="da-link">Go to Service section</p>
        <div class="da-img">
            <img src="images/slide3.jpg" alt="MKA services" />
        </div>
    </div>
</div>

连接的CSS文件: 主要:http://igorlaszlo.com/mk/index.css 滑块:http://igorlaszlo.com/mk/slider.css

连接的jQuery文件: 主要:http://igorlaszlo.com/mk/js/custom.js 滑块:http://igorlaszlo.com/mk/js/slider.js

有人知道在第二张幻灯片后我的滑块会阻塞什么吗?

1 个答案:

答案 0 :(得分:0)

最后我找到答案...如果你有同样的问题(as there are some others),请停用所有其他jquery插件,只允许滑块。不要忘记删除自定义js文件或html文件中的启动代码!你会看到,你的滑块在线工作得非常好。然后,您可以逐步重新添加插件,您将识别滑块与哪个插件不兼容。 我有jQuery Timelinr 0.9.54插件阻止了我的滑块。