jQuery滑塊圖庫：滾動條手柄不起作用

我正在努力從我的jQuery滑塊圖庫http://jqueryfordesigners.com/slider-gallery。在更新jQuery（1.5）和jQuery UI（1.8.9）後，滑塊不能很好地工作。該JS是這樣的：jQuery滑塊圖庫：滾動條手柄不起作用

var container = $('div.sliderGallery'); 
     var ul = $('ul', container); 

     var itemsWidth = ul.innerWidth() - container.outerWidth(); 

     $('.slider', container).slider({ 
      min: 0, 
      max: itemsWidth, 
      handle: '.handle', 
      stop: function (event, ui) {ul.animate({'left' : ui.value * -1}, 500);}, 
      slide: function (event, ui) {ul.css('left', ui.value * -1);} 
     });

它是可以移動sliderGallery，但滾動條的.handle完全不動，它使用了sliderGallery的寬度，而不是滾動條的寬度。最後但並非最不重要的是，在Firefox中出現了一個藍色的標記（比如它是一個活動狀態或其他東西）。

你可以看到我在說什麼：http://websitetestdomain.de/test/jqueryfordesigners.com/demo/slider-gallery.html。

每一個幫助表示讚賞，因爲我不是很熟悉的jQuery噴...

非常感謝你，

問候

盧卡斯

PS：我寫的一些與jQuery 1.5 + Ui 1.8.9的東西，將不適用於舊的jQuery /用戶界面版本，所以我不能只使用舊版本...

來源

2011-02-06 lucasdidthis