JQuery UI滑块，只加载按钮而不加载范围，滑块不滑动。
JQuery UI滑块，只加载按钮而不加载范围，滑块不滑动。
提问于 2021-09-05 15:14:56
我正在使用jquery滑块，我面临的问题是只显示滑块按钮，而不是范围。当我试图滑动按钮时，它不会滑动。
HTML
<div id="slider-range"></div>JS
$("#slider-range").slider({
range: true,
min: 0,
max: 500,
values: [75, 300],
slide: function (event, ui) {
console.log("sliding");
}
});在此之后，UI就出现了
备注：
- I确认在JS执行之前加载Div，控制台中也没有例外。为了确认JQuery UI JS和CSS的加载，我在同一个div中呈现了一个不同的控件(日历控件)，它加载并正常工作。
- 我实现了滑块回调，以确认控件从JQueryUI中运行，滑块回调工作正常。我能够看到我放在回调中的控制台日志。
- ，我通过控制台中的Elements选项卡确认Div已经添加了JQueryUI类
。
- I注意到在滑块按钮中添加了href属性，这指向localhost。
- i还证实，通过控制台，我可以看到jquery-UI样式正在应用于滑块按钮
。
如果有人能帮我解决这件事会很有帮助的。
回答 1
Stack Overflow用户
发布于 2021-09-05 16:51:22
用这个：
https://jsfiddle.net/6sxg9ytd/1/
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Slider - Default functionality</title>
<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://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#slider" ).slider(
{
range: true,
min: 0,
max: 500,
values: [ 55, 105 ],
slide: function( event, ui ) {
console.log("sliding");
}
});
} );
</script>
</head>
<body>
<div id="slider"></div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69064653
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号