Javascript 具有特定值的jQuery滑块

我正在为我的网站开发jQuery滑块。我只希望人们滚动到几个特定的值（例如1900、1920、1960、1975、1976）

我什么都试过了，但都没用

我还希望这些值可以作为链接使用，比如如果人们滚动到1920，它会将他们重定向到另一个页面

这是密码

  $(function() {
    $( "#slider-range-max" ).slider({
      range: "max",
      min: 1900,
      max: 2013,
      value: 1900,
      slide: function( event, ui ) {
        $( "#amount" ).val( ui.value );
      }
    });
    $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
  });

这是html：

<label for="amount">Year:</label>
                <input type="text" id="amount" style="border:0; color:#000; font-weight:bold; background:none;" /><br /><br />
                <div id="slider-range-max"></div>

年份：

提前谢谢

请检查这个

这与您正在寻找的类似

试试这个

$(function() {
    var araObj = new Array( 1900, 1920, 1960, 1975, 1976 );

    $(".slider").slider({
            min: 0,
            max: araObj.length,
            value: 0,
            create: function() {
                $(this).children().addClass("ui-corner-all");
                $(this).append($('<span></span>').css("left","0%").addClass("slider-digit").text(0));
                for (i=0;i<=araObj.length;i++)
                {
                    $(this).append($('<span></span>').css("left",((i+1)*(100/araObj.length))+"%").addClass("slider-digit").text(araObj[i]));
                };
            }
        });

    console.log(araObj);
});

$（函数（）{
var araObj=新阵列（1900、1920、1960、1975、1976）；
$（“.slider”）.slider({
分:0,，
max:araObj.length，
值：0，
创建：函数（）{
$（this.children（）.addClass（“ui角点全部”）；
$（this）.append（$（''）.css（“左”，“0%”）。addClass（“滑块数字”）.text（0））；
对于（i=0；i记住，请仔细考虑您使用的滑块类型。许多滑块实现在移动设备和平板电脑上根本不起作用。例如，上面的答案在iPhone或iPad上不起作用

可以在此处找到可用的解决方案：


这里有很多例子和演示——它们看起来很友好。我不确定它们是否会默认包含新的页面/链接

我希望这能有所帮助。
我想你指的是其他东西。我指的是你在这里看到的滑块：在iPhone和iPad上都能完美工作？对我来说不是