jquery.Slider.js cdn地址
时间: 2023-08-09 15:12:15 浏览: 151
你可以使用以下CDN地址来加载jquery.Slider.js:
```
https://cdn.jsdelivr.net/npm/jquery-slider-plugin@1.4.0/dist/jquery.slider.min.js
```
请确保将版本号替换为您想要使用的实际版本。
相关问题
jQuery.range 双滑块范围选择
`jQuery.range` 是一个第三方插件,用于创建双滑块(也称为双输入框或范围选择器)组件,允许用户在一个范围内选择两个值。这个插件通常用在需要控制数值区间的应用场景,比如音频播放时间、视频长度调节等。
要使用 jQuery.Range,你需要先在其官方网站或其他 CDN(如cdnjs 或 jsdelivr)上获取最新版本的库文件。然后,在 HTML 中添加滑块元素并初始化该插件:
```html
<!-- 引入 jQuery 和 jQuery.Range 插件 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="path/to/jQuery.Range.css">
<script src="path/to/jQuery.Range.js"></script>
<!-- 使用 ID 或选集标签来应用 range 插件 -->
<div id="range-slider"></div>
```
在 JavaScript 部分,你可以这样做:
```javascript
$(document).ready(function() {
$('#range-slider').range({
// 设置滑块范围和其他选项
min: 0,
max: 100,
step: 1,
values: [50, 75], // 初始值
onChange: function(values) { // 当值变化时触发的回调
console.log('Range changed:', values);
}
});
});
```
这个例子设置了滑块的最小值为0,最大值为100,步长为1,并指定了初始值为50和75。onChange 函数会在用户改变滑块位置时被调用,打印新的范围值。
阅读全文