javascript - 将 <script> 标记应用于页面的唯一部分

标签 javascript css

我正在使用 jQuery 范围 slider [ http://jqueryui.com/slider/#range][1] 它使用这两个脚本:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

但是,当我将它们添加到我的网站时,它们与我的 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 冲突

应用 2 的最简单方法是什么? slider 脚本只在网站的一个部分?它看起来像(显然 next 是错误的):

#range {
    url: <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
}

最佳答案

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

最简单的方法是使用最新版本的 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>

关于javascript - 将 &lt;script&gt; 标记应用于页面的唯一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55424365/

相关文章:

c# - Silverlight 而非 WPF 中嵌套样式(如 CSS)的挂件

jquery - 如何让dataTable在重新加载数据后自动调整大小?

Javascript原生实现div显示/隐藏与animate

javascript - 使用 Gulp 处理 css 文件时如何修复图像 url?

javascript - jquery查看iframe位置是否改变

javascript - 在 Bokeh 上将文件从服务器发送到客户端

javascript - 有人可以帮我解决这个错误吗?

c# - 我可以在 Microsoft Visual Studio 2010 中缩小 JavaScript 或 aspx 代码吗

javascript - 是否可以确定移动网络的定位设备 - Nativescript

javascript - Selenium 不执行 javascript