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