jQuery UI滑塊 - 無法調用未定義的方法'addClass'

Question

我有幾個月前工作得很好的舊jQuery UI滑塊，但現在我似乎得到一個異常讀取：無法調用未定義的方法'addClass'。 我已經檢查了傳遞給滑塊的值，它們是常規的Javascript日期。

  $('#dateFilter').click(function() {
    return $('#sliderContainer').slideToggle(200);
  });

  $(function() {
    var endFiling, startFiling;
    startFiling = Date.parse($('#startFiling').val());
    endFiling = Date.parse($('#endFiling').val());
    return $('#filingDateSlider').slider({
      range: true,
      min: startFiling,
      max: endFiling,
      step: 86400000,
      values: [startFiling, endFiling],
      slide: function(event, ui) {
        var eD, end, sD, start;
        sD = new Date(ui.values[0]);
        start = dateFormat(sD);
        eD = new Date(ui.values[1]);
        end = dateFormat(eD);
        $('#filingStartDate').text(start);
        return $('#filingEndDate').text(end);
      }
        });

有什么原因可能導致我出現這個新錯誤嗎？

http://i.imgur.com/xC2E6.jpg

Answer 1

對於讀回這個問題的任何人，如果您從CDN中拔出，請嘗試從最新的jQuery UI版本中提取。 我也遇到了這個問題，它通過使用更高版本的jQuery UI來解決。

Answer 2

我通過在“min”，“max”和“values”中使用整數來解決這個錯誤。 也許你正在設置空值。

jQuery Slider規范說：

• 最大數量默認值：100
• min Number默認值：0
• 值數字默認值：0

所以“值”是一組數字。

Answer 3

對於仍然遇到此問題的任何人，請確保您添加的值（ min ， max和values都是NUMBERS而不是STRINGS！

一直在嘗試診斷以下代碼失敗的問題：

t.slider({
  range : true,
  min   : t.attr('data-min'),
  max   : t.attr('data-max'),
  values: [t.attr('data-min'), t.attr('data-max')],
  step  : 1.00,
  slide : function (e, ui) {
    var
      v = (s == 'price') ? '£' + ui.values[0] + ' - £' + ui.values[1] : ui.values[0] + ' - ' + ui.values[1] + 'kg'
    $('#filter-' + s).html(v)
  },
  stop  : function () {
    Items.filter()
  }
})

當t.attr()返回STRING時，Slider無法在jQuery UI的1.10.1版的第valueMouse行設置valueMouse 。 它不是一個值，而是返回一個字符串（類似於39.99549.21 （最小值39.99與549.21連接 - 百分比*最大值）

希望有人幫助！

Answer 4

我也有最新版本的這個問題。 解決方案很簡單：使用parseInt（）將動態值傳遞給滑塊

jquery ui slider的setter示例：

    $("#mySlider").slider("option",{min: parseInt(value.min), max:parseInt(value.max),value: parseInt(value.active)});

Answer 5

另一種可能性 - 如果滑塊缺少最小值或最大值，則會出現此錯誤。 如果startFiling或endFiling未評估日期，則滑塊代碼在嘗試計算新句柄位置時失敗。

Answer 6

使用未修改的jQuery-UI.min.js解決了這個問題。 使用自定義腳本導致錯誤，即jQuery-UI-custom.js

Answer 7

jQuery UI Slider插件min＆max 選項只接受數字。 所以根據你的要求將它們解析為整數或浮點數。

有關詳細信息，請訪問link- http://api.jqueryui.com/slider/