【问题标题】:parallax content slider works locally but not online视差内容滑块在本地工作,但不能在线
【发布时间】:2017-01-26 09:59:44
【问题描述】:

我刚刚开始在网站上工作,但我已经坚持了几天以来的第一个问题......我使用Parallax Content Slider from Codrops website

当我在我的计算机上进行本地测试时,它可以正常工作,但是当它在线时,它会停在第二张幻灯片上,并且不再移动,并且也无法与导航一起使用。在 Firefox 和 Google Chrome 上测试过,两者都有同样的问题。

我最不明白的是为什么它直到第二张幻灯片才有效?

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

有人知道在第二张幻灯片之后是什么挡住了我的滑块吗?

【问题讨论】:

    标签: jquery slider css-animations


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-02-09
      • 1970-01-01
      • 1970-01-01
      • 2023-04-03
      相关资源
      最近更新 更多