使用change事件调用基于jQuery UI min值的函数

Question

我希望能够捕获最小值，然后在change事件中有一个if语句，所以当min值设置为某个值时，我希望它应用一些CSS。如果您需要更多信息，请告诉我。

$j("#ageRangeSlider").slider({
          range: "min",
          value: 11,
          min: 11,
          max: 66,
          step: 11,
          slide: function(event, ui) {
            $j("#yourAgeRange").val(ui.value);
            foo = $j("#yourAgeRange").val();
          },
          change: function(event, ui) {
            if(min == 11){
                $j('.ui-slider-handle').css('left', '5%');
            }
          }
        });

Answer 1

你可以像这样在你的函数中得到min和value，并在更改函数中使用它们：

$j("#ageRangeSlider").slider({
      range: "min",
      value: 11,
      min: 11,
      max: 66,
      step: 11,
      slide: function(event, ui) {
        $j("#yourAgeRange").val(ui.value);
        foo = $j("#yourAgeRange").val();
      },
      change: function(event, ui) {

        var min = $("#ageRangeSlider").slider("option", "min");
        var val = $("#ageRangeSlider").slider("option", "value");

        if(min == val){
            $j('.ui-slider-handle').css('left', '5%');
        }
      }
    });