默认情况下，如何在jQuery UI滑块中不选择任何内容？

我正在使用jQuery2.1和jQueryUI1.11.1。我想在我的页面上设置一个滑块，我使用下面的JS来实现

$(function() {
    $(".slider")
    .slider({
        max: 12,
        change: function(event, ui) { 
            alert(ui.value); 
        }
    })
    .slider("pips", {
        rest: "label"
    });
});

---

问题是，看起来选项“0”最初被选中，我希望在有人单击某个位置之前，勾号图形不会出现在滑块上--。如何设置滑块，使其在有人单击某个对象之前不会出现记号？

只需删除类即可

 $(function() {
        $(".slider")
        .slider({
            max: 12,
            change: function(event, ui) { 
                alert(ui.value); 
            }
        })
        .slider("pips", {
            rest: "label"
        });
      $('.ui-slider-pip-initial').removeClass('ui-slider-pip-selected');
        $('.ui-slider-pip-initial').removeClass('ui-slider-pip-initial');
    });

---

可以使用以下选项隐藏滑块控制柄：

.ui-slider-handle {
  display: none;
}

如果您将

$（'.ui slider handle'）.show（）

添加到您的更改方法中，它将在单击时显示

---

在创建滑块后隐藏处理程序，然后在值更改后显示它

$(function() {
    $(".slider")
    .slider({
        max: 12,
        value:'',
        create: function(event, ui) {
              $(".ui-slider-handle").hide();
        },
        change: function(event, ui) { 
            $(".ui-slider-handle").show().focus();
            //alert(ui.value); 
        }
    })
    .slider("pips", {
        rest: "label"
    });
});