javascript - 如何创建带有链接的 JavaScript 范围 slider ？

Question

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

<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>

我想要做的是将此列表显示为 JavaScript(范围) slider 。如您所见，每个数字都有一个链接。

我应该怎样做才能将 slider 应用到列表而不丢失链接功能？ 我的意思是如果在 slider 上选择了一个数字(等待 2 秒)，然后使用此链接转到链接数量。

Answer 1

您所需要的只是一个 Slidestop 事件，类似的东西。

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

要在更改页面之前等待两秒，请使用 setTimeout(function(){//code}, 2000);

希望对你有帮助!

• 尼克

P.S.我假设你使用 Jquery-UI。