Question

我无法弄清楚为什么我的滑块不能运行。我让它工作正常，然后我试图让它垂直滚动而不是水平滚动，现在它已经坏了，即使我已将所有设置重置为标准。

这是HTML：

<div class="carousel">
<div><img src="images/slider/worlds.png" alt="" width="200" height="140"></div>
<div><img src="images/slider/gonz2.png" alt="" width="200" height="140"> </div>
</div>
<aside class="slider-frame"></aside>

我的应用程序树中有一个光滑的文件夹，我有CSS和JS链接。 CSS就像在头部一样：

/* Main Site Stylesheet */
<link rel="stylesheet" type="text/css" href="css.css" />
/* Slick Stylesheet */
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>

JS在头部（我已尝试将其放入页脚）：

// jQuery
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
// Main Site JS
<script type="text/javascript" src="js/ur-js.js"></script>

页脚中的JS：

<script type="text/javascript" src="slick/slick.min.js"></script>

主JS文件：

 $(document).ready(function(){
  $('.carousel').slick({
  autoplay:true,
  autoplaySpeed:45,
  arrows:false,
  dots:false,
  infinite:true,
  pauseOnHover: false
  });
});

一些冲突可能是Facebook页面插件（删除所有代码 - 什么也没做）或谷歌地图（甚至不在网站的同一页面上）。在dev工具控制台中没有错误，在源代码调试中没有显示任何错误。

编辑：我发现它在后台运行，但屏幕上的图像没有变化。当我检查Chrome开发工具中的代码时，活动图像正在发生变化。它似乎也根据设置使用了正确的时序，但它只是停留在实际站点窗口中的初始图像上。

破碎浮油滑块

0 个答案: