光滑的轮播不显示/工作答案

【问题标题】：slick carousel not displaying / working光滑的轮播不显示/工作
【发布时间】：2017-11-29 14:02:28
【问题描述】：

我使用https://github.com/kenwheeler/slick 作为我网站的轮播。我已经按照教程进行了 T，一切都是（据我所知）它的意思。这是代码

$(document).ready(function(){
  $('.slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav'
    });
  $(".slider-nav").slick({
    slidesToShow: 3,
    slidesToScroll, 1,
    asNavFor: '.slider',
    dots: true,
    focusOnSelect, true
    });
  });

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <!--Semantic import-->
  <script src="assets/semantic/semantic.min.js"></script>
  <link href="assets/semantic/semantic.min.css" rel="stylesheet" />

  <!-- Slick -->
  <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
  <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
  <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  <!--Font-->
  <link href="https://fonts.googleapis.com/css?family=Exo+2|Ubuntu" rel="stylesheet">
  <!-- Javascript -->
  <script src="js/root.js"></script>
  <script src="js/gamesdev.js"></script>

</head>
<body>
  <div class="pusher">
    <div id="page">
      <div class="ui container">
        <div class="slider">
          <div><h3>1</h3></div>
          <div><h3>2</h3></div>
          <div>3</div>
          <div>4</div>
          <div>5</div>
          <div>6</div>
        </div>
        <div class="slider-nav">
          <div>1</div>
          <div>2</div>
          <div>3</div>
          <div>4</div>
          <div>5</div>
          <div>6</div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

我已经删除了所有不必要的代码，但结果如下

http://i.imgur.com/3M26NFd.png

我不知道出了什么问题，我已经梳理了大概一个小时，也许两个小时。

【问题讨论】：

ERROR: { "message": "Uncaught SyntaxError: Unexpected token ,", "filename": "https://stacksnippets.net/js", "lineno": 66, "colno": 22 } 将 slidesToScroll, 1 更改为 slidesToScroll: 1
无济于事，即使是这样，第二个轮播也可以工作。

标签： javascript jquery html carousel slick.js

【解决方案1】：

由于语法错误，它可能无法正常工作。你有一个逗号而不是一个冒号

将slidesToScroll, 1, 更改为slidesToScroll: 1,

并将focusOnSelect, true 更改为focusOnSelect: true

【讨论】：

还没有修复。
@LamarTonyDaughma 在 focusOnSelect 之后有另一个逗号而不是冒号。那应该解决它
没问题，我们都去过哈哈
因为我很笨，你能告诉我为什么它会破坏两个轮播吗？我对 JS 还是很陌生
我对 JS 中的错误处理不是很熟悉，我知道当抛出异常时，它会阻止其他代码运行，就像在其他有异常的语言中一样。不过可能会很有趣，这是了解它的最佳方式；）