jQuery Slider Gallery:Scrollbar-Handle不起作用

时间:2011-02-06 15:33:51

标签: jquery jquery-ui slider uislider

我正在努力使用http://jqueryfordesigners.com/slider-gallery的jQuery Slider Gallery。在更新jQuery(到1.5)和jQuery UI(到1.8.9)后,Slider不能很好地工作。 JS看起来像这样:

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 jet不是很熟悉......

非常感谢,

最好的问候

卢卡斯

PS:我用jQuery 1.5 + Ui 1.8.9编写了一些东西,这些东西不能用于旧的jQuery / UI-Versions,所以我不能只使用旧版本...

1 个答案:

答案 0 :(得分:1)

jQuery Slider Gallery不适用于任何现代版本。我发现了一个类似的功能。

http://www.ajaxera.com/jquery-updated-slider-gallery/