如何创建带有链接的JavaScript范围滑块？

我有一个这样的数字列表：

<ul class="term-list">
<li class="term-item"><a href="/search?count=1">1</li>
<li class="term-item"><a href="/search?count=2">2</li>
<li class="term-item"><a href="/search?count=3">3</li>
<li class="term-item"><a href="/search?count=4">4</li>
<li class="term-item"><a href="/search?count=5">5</li>
<li class="term-item"><a href="/search?count=6">6</li>
</ul>

1
2
3
4
5
6

我想做的是将此列表显示为一个JavaScript（范围）滑块。如您所见，每个数字都有一个链接

---

如何将滑块应用于列表而不丢失链接功能？我的意思是，如果在滑块上选择了一个数字（等待2秒），则使用该数字转到链接。

您所需要的只是一个slidestop事件，类似的事情

$(document).ready(function(){
    $('.slider').on('slidestop', function(){
        window.location.href = "youpage/count" + $(this).val();
    });
});

对于更改页面前的两秒钟等待，请使用

setTimeout（function（）{//code}，2000）

希望有帮助


Nic

另外，我假设您使用Jquery UI。
您所需要的只是一个slidestop事件，诸如此类

$(document).ready(function(){
    $('.slider').on('slidestop', function(){
        window.location.href = "youpage/count" + $(this).val();
    });
});

对于更改页面前的两秒钟等待，请使用
setTimeout（function（）{//code}，2000）

希望有帮助


Nic

另外，我假设您使用Jquery UI。
这里是
createElement（“a”）的一个示例，您可以为生成的链接设置属性

注意：链接可从
0
到
100


$（“#链接_生成器”）。打开（“更改”，函数（）{
//等2秒钟
setTimeout（openURL，2000）；
//或设置属性
/*var q=$（“#链接_生成器”）.val（）；
setTimeout（函数（）{
openURL({
“href”：“/search？count=“+q，
“目标”：“\u空白”
});
},3000); */
});
函数openURL（attr）{
var q=$（“#链接_生成器”）.val（）；
var a=document.createElement（'a'）；
如果（属性）{
for（属性中的变量k）{
a[k]=attr[k]；
}
返回a.click（）；
}
如果（q>0）a.href=“/search？count=“+q；
a、 单击（）；
}


这里是一个
createElement（“a”）的示例，您可以为生成的链接设置属性

注意：链接可从
0
到
100


$（“#链接_生成器”）。打开（“更改”，函数（）{
//等2秒钟
setTimeout（openURL，2000）；
//或设置属性
/*var q=$（“#链接_生成器”）.val（）；
setTimeout（函数（）{
openURL({
“href”：“/search？count=“+q，
“目标”：“\u空白”
});
},3000); */
});
函数openURL（attr）{
var q=$（“#链接_生成器”）.val（）；
var a=document.createElement（'a'）；
如果（属性）{
for（属性中的变量k）{
a[k]=attr[k]；
}
返回a.click（）；
}
如果（q>0）a.href=“/search？count=“+q；
a、 单击（）；
}


谢谢您的回答。但不幸的是，代码的setTimeout部分不起作用，它什么也不做。你能检查一下吗？谢谢，怎么办？它对我有用。代码段iframe url更改为
so/search？count=5
，并在“/”应用程序中显示错误
服务器错误。找不到资源。
。你看到了什么？请在本地尝试，因为代码片段iframe对js执行有限制。谢谢您的回答。但不幸的是，代码的setTimeout部分不起作用，它什么也不做。你能检查一下吗？谢谢，怎么办？它对我有用。代码段iframe url更改为
so/search？count=5
，并在“/”应用程序中显示错误
服务器错误。找不到资源。
。你看到了什么？在本地尝试，因为代码段iframe对js执行有限制。