Question

如何升级此代码以使用jquery 1.6.2，因为它似乎只有在我使用版本1.2.6时才有效。

<script type="text/javascript" charset="utf-8">
    window.onload = function () {
        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) {
                console.log(ui.value);
                ul.animate({
                    'left': ui.value * -1
                }, 500);
            },
            slide: function (event, ui) {
                ul.css('left', ui.value * -1);
                console.log(ui.value);
            }
        });
    };
</script>

链接到我的问题：http://www.floodgateone.com/catering/index1.html

感谢您的帮助

Answer 1

如果您正在升级jQuery，那么还要升级到最新的jQuery UI，其中滑块设置更容易：

$(".slider").slider();

修改

工作示例，使用最新的jQuery和jQuery UI：Fiddle

全屏链接：here

我将如何升级此代码以使用jquery 1.6.2

1 个答案: