滑塊無法拖動（無法調用undefined的方法“ 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之間的沖突。

我也有滑塊問題。 我完全刪除了引導程序，但它仍然存在。 只有下一個幫助： jQuery UI滑塊-無法調用未定義的方法'addClass'

最新版本的jQuery UI。