我刚刚开始在网站上工作但我已经坚持了第一个问题,因为有些日子......我使用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
有人知道在第二张幻灯片后我的滑块会阻塞什么吗?
答案 0 :(得分:0)
最后我找到答案...如果你有同样的问题(as there are some others),请停用所有其他jquery插件,只允许滑块。不要忘记删除自定义js文件或html文件中的启动代码!你会看到,你的滑块在线工作得非常好。然后,您可以逐步重新添加插件,您将识别滑块与哪个插件不兼容。 我有jQuery Timelinr 0.9.54插件阻止了我的滑块。