javascript - 没有默认 CSS 的 jQuery 范围滑块
问题描述
是否可以不下载到项目文件夹 jQuery UI 文件?刚刚将此链接添加到我的 html 文件中:
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
这到我的 js 文件:
$( function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#price-filter" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#price-filter" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
} );
它在 Inspector 中显示我的 div 中有 jquery 滑块,但它不显示内容,因为它没有样式。如何在不下载默认文件的情况下显示自定义滑块?
解决方案
如果您想为 CSS 使用 JQuery 的 CDN,请尝试https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css
它用于他们的示例https://jqueryui.com/slider/
或者,您可以使用以下 CDN https://cdnjs.com/libraries/jqueryui
推荐阅读
- javascript - Kendo MVC Grid - 未触发 NumericTextBox 更改事件
- c++ - 有没有在 C/C++ 中定义数据类型的情况下从用户那里获取输入
- html - 垂直居中的 Boostrap 容器问题
- javascript - 结合 indexOf 和 slice 的简单 JavaScript 代码初学者
- css - 位置:粘性,在 Chrome 中有效,但在 Firefox 中无效
- android - 从本机活动导航到 Xamarin 表单页面时如何获取页面的先前状态
- android - “帮助-->查找动作-->随机选择的动作”错误
- javascript - ReactJS - 无法读取状态对象上的 this.props.value
- java - EBean 增强 Maven
- java - Eclipse - 提取局部变量仅在范围内替换所有出现