滑塊不能被拖動（不能調用未定義的方法'addClass'）（使用jQuery UI Bootstrap + Twitter Bootstrap）

Question

當我使用Twitter Bootstrap 2.1.1，jQuery UI Bootstrap 1.8.16和Backbone.js創建簡單滑塊#slider時，我收到以下錯誤，當我嘗試拖動滑塊手柄（不遵循拖動）：

JS錯誤

Uncaught TypeError: Cannot call method 'addClass' of undefined 

HTML

<div id="slider"></div> 

JS

renderSlider: function() { 
    this.$el.find('#slider').slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) {} 
    }); 

}, 

我得到同樣的錯誤，當我拖動滑塊柄，如果我不傳遞任何選項.slider()：

renderSlider: function() { 
    this.$el.find('#slider').slider(); 

任何想法出了什麼問題？

Answer 1

使用jQuery 1.8.x。這與您選擇的版本存在不兼容問題。

Answer 2

我認爲這不是Bootstrap和jQuery UI之間的衝突。

我有滑塊相同的問題。我刪除了bootstrap，它仍然在那裏。 只有下一個幫助：jQuery UI slider - Cannot call method 'addClass' of undefined

最新版本的jQuery UI。