Javascript 语法错误：缺少：检查html文件时在属性id之后_Javascript_Jquery_Html

Javascript 语法错误：缺少：检查html文件时在属性id之后

javascript jquery html

Javascript 语法错误：缺少：检查html文件时在属性id之后,javascript,jquery,html,Javascript,Jquery,Html,我被创造成了滑头这是我的密码： <!DOCTYPE HTML> <html> <head> <meta charset = "utf-8" /> <title>My Now Amazing Webpage</title> <link rel="stylesheet" type="text/css" href="slick.css"/> <link rel="stylesheet" ty

我被创造成了滑头

这是我的密码：

<!DOCTYPE HTML>
<html>
  <head>
  <meta charset = "utf-8" />
  <title>My Now Amazing Webpage</title>
  <link rel="stylesheet" type="text/css" href="slick.css"/>
  <link rel="stylesheet" type="text/css" href="slick-theme.css"/>
  </head>
  <body>

  <div class="slick-slider">          
          <img id="graphic1" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img1_4e3a619a-0daa-439c-968b-6970fe8a7b1f_1024x1024.jpg?v=1434978806" width="564px"></a>
          <img id="graphic2" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img1_1024x1024.jpg?v=1434488016" width="564px"></a>
          <img id="graphic3" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img2_780e862e-5c3e-4245-82a4-e13f4bc8b19b_1024x1024.jpg?v=1434450473" width="564px"></a>
          <img id="graphic4" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img3_ac753481-98f3-4f28-bfc5-ec9443a9ff4c_1024x1024.jpg?v=1434488053" width="564px"></a>
  </div>
  <script type="text/javascript">
    $(document).ready(function(){
      $('.slick-slider').slick({
        setting-name: setting-value
      });
    });
  </script>

  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="slick.min.js"></script>
  </body>
</html>


我现在的精彩网页
$（文档）.ready（函数（）{
$（'.slick slider'）。slick({
设置名称：设置值
});
});

当我检查此文件时，它显示如下内容：

SyntaxError:缺少：在属性id之后

我可以知道如何解决这个问题吗

任何帮助都将不胜感激

谢谢。

首先，如果我没有错的话，slick.js中没有设置名称的

选项
其次，作为滑头到js的选项提供的JSON对象无效，因为设置名称
有一个-
，它是一个减法表达式。你必须用这样的引号来代替
$('.slick-slider').slick({
  "setting-name": "setting-value"
});

根据注释，未定义错误$
，原因是脚本文件未按正确顺序放置。您的HTML文件应该如下所示
<!DOCTYPE HTML>
<html>
  <head>
  <meta charset = "utf-8" />
  <title>My Now Amazing Webpage</title>
  <link rel="stylesheet" type="text/css" href="slick.css"/>
  <link rel="stylesheet" type="text/css" href="slick-theme.css"/>
  </head>
  <body>

  <div class="slick-slider">          
          <img id="graphic1" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img1_4e3a619a-0daa-439c-968b-6970fe8a7b1f_1024x1024.jpg?v=1434978806" width="564px"></a>
          <img id="graphic2" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img1_1024x1024.jpg?v=1434488016" width="564px"></a>
          <img id="graphic3" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img2_780e862e-5c3e-4245-82a4-e13f4bc8b19b_1024x1024.jpg?v=1434450473" width="564px"></a>
          <img id="graphic4" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img3_ac753481-98f3-4f28-bfc5-ec9443a9ff4c_1024x1024.jpg?v=1434488053" width="564px"></a>
  </div>

  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="slick.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $('.slick-slider').slick({
        setting-name: setting-value
      });
    });
  </script>
  </body>
</html>


我现在的精彩网页
$（文档）.ready（函数（）{
$（'.slick slider'）。slick({
设置名称：设置值
});
});

这里有一个演示
首先，如果我没有错的话，slick.js中没有设置名称的选项
其次，作为滑头到js的选项提供的JSON对象无效，因为设置名称
有一个-
，它是一个减法表达式。你必须用这样的引号来代替
$('.slick-slider').slick({
  "setting-name": "setting-value"
});

根据注释，未定义错误$
，原因是脚本文件未按正确顺序放置。您的HTML文件应该如下所示
<!DOCTYPE HTML>
<html>
  <head>
  <meta charset = "utf-8" />
  <title>My Now Amazing Webpage</title>
  <link rel="stylesheet" type="text/css" href="slick.css"/>
  <link rel="stylesheet" type="text/css" href="slick-theme.css"/>
  </head>
  <body>

  <div class="slick-slider">          
          <img id="graphic1" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img1_4e3a619a-0daa-439c-968b-6970fe8a7b1f_1024x1024.jpg?v=1434978806" width="564px"></a>
          <img id="graphic2" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img1_1024x1024.jpg?v=1434488016" width="564px"></a>
          <img id="graphic3" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img2_780e862e-5c3e-4245-82a4-e13f4bc8b19b_1024x1024.jpg?v=1434450473" width="564px"></a>
          <img id="graphic4" class="carousel-image" alt="Image Caption" src="//cdn.shopify.com/s/files/1/0057/7782/products/img3_ac753481-98f3-4f28-bfc5-ec9443a9ff4c_1024x1024.jpg?v=1434488053" width="564px"></a>
  </div>

  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="slick.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $('.slick-slider').slick({
        setting-name: setting-value
      });
    });
  </script>
  </body>
</html>


我现在的精彩网页
$（文档）.ready（函数（）{
$（'.slick slider'）。slick({
设置名称：设置值
});
});

下面是一个演示不要在变量和值中使用-
。您可以使用大小写或引号：
$('.slick-slider').slick({
   settingName: settingValue,
   "setting-name": settingValue
});

不要在变量和值中使用-
。您可以使用大小写或引号：
$('.slick-slider').slick({
   settingName: settingValue,
   "setting-name": settingValue
});

您提到的设置名称：此线路的设置值您提到的设置名称：此线路的设置值line@depperm哪一个是伪代码和无效的JavaScript语法。在哪里？我看到了所有的设置camelCase@depperm请不要撒谎并记录你自己。不可能使用-
，因为它是为其他目的而制作的。在valuessetting value
中，value
指的是一个数学运算，它依赖于setting
lessvalue
我可以知道吗..如何使用kenwheeler.github.io/slick？。。因为kenwheeler样式和js文件不适用于我的html代码。这是一个开发人员错误，使文档变得混乱。您必须知道需要什么设置，并在function@depperm哪一个是伪代码和无效的JavaScript语法。在哪里？我看到了所有的设置camelCase@depperm请不要撒谎并记录你自己。不可能使用-
，因为它是为其他目的而制作的。在valuessetting value
中，value

指的是一个数学运算，它依赖于

setting

less

value

我可以知道吗..如何使用kenwheeler.github.io/slick？。。因为kenwheeler样式和js文件不适用于我的html代码。这是一个开发人员错误，使文档变得混乱。您必须知道您需要什么设置，并在函数中完全正确地设置，但有一点很挑剔：它不是JSON对象。在处理JavaScript源代码时，除非字符串中有内容，否则它不是JSON，而是JavaScript。在本例中，一个JavaScript对象初始值设定项。@saina:这告诉您，原来的问题，甚至阻止您的代码被解析，已经由Dhiraj的答案解决了。现在，当解析代码运行时，您遇到了一个不同的问题，那就是您需要在使用jQuery的脚本上方包含jQuery，而不是下方，因为定义

函数的是jQuery脚本。@T.J.Crowder:谢谢您让我知道。非常棒的解释，今天我学到了一个新东西：）@Dhirajbodichera:我需要用响应性设计设置旋转木马滑块。。实际上这是我的jsfiddle.net/ssqjtajj。。在这个链接中，它使用响应性设计，每次刷新页面。。但我还是没有找到解决这个问题的办法。。所以我开始尝试滑溜滑球。。。这里我也结巴了。@saina：你原来的问题已经回答了。堆栈溢出不适用于扩展调试会话。如果一个问题的答案揭示了一个新问题，发布一个新问题。到目前为止，Dhiraj已经为您回答了两个问题。你应该接受答案，进一步处理问题，当/如果你有新问题，就把它作为一个问题发布。完全正确，但有一点挑剔：它不是JSON对象。在处理JavaScript源代码时，除非字符串中有内容，否则它不是JSON，而是JavaScript。在本例中，一个JavaScript对象初始值设定项。@saina:这告诉您，原来的问题，甚至阻止您的代码被解析，已经由Dhiraj的答案解决了。现在，当解析代码运行时，您遇到了一个不同的问题，那就是您需要在使用jQuery的脚本上方包含jQuery，而不是下方，因为定义