我正在使用 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 - 将 <script> 标记应用于页面的唯一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55424365/