Question

我正在使用jQuery范围滑块[ http://jqueryui.com/slider/ #range] [1] 使用以下两个脚本：

但是，当我将它们添加到我的网站时，它们与我的

仅在网站的一部分上应用 2 滑块脚本的最简单方法是什么？看起来（显然下一步是错误的）：

  #range {
    网址：
}

Answer 1

您不能将脚本引用定位到页面的某些部分。

最简单的方法是使用最新版本的JQuery和JQuery UI。

<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $(function() {
    $("#slider").slider({
      values: [ 10, 25 ],
      change: function(){
        console.log($("#slider").slider( "option", "values" ));
      } 
    });

  });
  </script>
</head>
<body>
  <div id="slider"></div>
</body>

将<script>标记应用于页面的仅一个部分

1 个答案: