使用更改事件在 jQuery UI 最小值上调用函数

Question

我希望能够捕获最小值，然后在更改事件中使用 if 语句，因此当该最小值设置为某个值时，我希望它应用一些 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

您可以像这样在函数中获取最小值和值，并在更改函数中使用它们：

$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%');
        }
      }
    });