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

Javascript 如何升级此代码以使用jquery 1.6.2,javascript,jquery,Javascript,Jquery,我将如何升级此代码以使用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.i

我将如何升级此代码以使用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>

window.onload=函数(){
var容器=$('div.sliderGallery');
变量ul=$('ul',容器);
var itemsWidth=ul.innerWidth()-container.outerWidth();
$('.slider',container).slider({
分:0,,
max:itemsWidth,
句柄:'.handle',
停止:功能(事件、用户界面){
console.log(ui.value);
动画({
“左”:ui.value*-1
}, 500);
},
幻灯片:功能(事件、用户界面){
ul.css('left',ui.value*-1);
console.log(ui.value);
}
});
};
链接到我的问题:


感谢您提供的帮助

如果您要升级jQuery,请同时升级到最新版本,其中滑块设置更容易:

$(".slider").slider();
编辑:

使用最新jQuery和jQuery UI的工作示例:


全屏链接:

如果您正在升级jQuery,那么还可以升级到最新版本,其中滑块设置更容易:

$(".slider").slider();
编辑:

使用最新jQuery和jQuery UI的工作示例:



全屏链接:

为什么页面加载而不是文档准备就绪?该
字符集属性是什么?它的哪一部分不起作用?尝试将它们全部包装在$(document).ready(function(){//code here})中;
滑块
方法来自插件,对吗?在这种情况下,可能是插件与1.6.2不兼容…为什么页面加载而不是文档就绪?以及
charset
属性有什么关系?它的哪一部分不工作?尝试将它们全部包装在$(document).ready(function(){//code here})中;
滑块
方法来自插件,对吗?在这种情况下,可能是插件与1.6.2不兼容……您看到示例页面的链接了吗?链接到我的问题:是的,看起来你还需要升级到最新的ui.slider插件(以及dimensions和ui.mouse)发布的工作fiddle链接。内容相同,但具有最新的jQuery和jQuery UI。是否有任何方法,我可以添加下一个和上一个,使这个移动左右450像素在任何时间?谢谢你到目前为止的帮助,你帮了我很大的忙。虽然你不需要。。。也许这会妨碍你的滑球?(阅读滑块文档/演示以修改手柄)您是否看到示例页面的链接?链接到我的问题:是的,看起来你还需要升级到最新的ui.slider插件(以及dimensions和ui.mouse)发布的工作fiddle链接。内容相同,但具有最新的jQuery和jQuery UI。是否有任何方法,我可以添加下一个和上一个,使这个移动左右450像素在任何时间?谢谢你到目前为止的帮助,你帮了我很大的忙。虽然你不需要。。。也许这会妨碍你的滑球?(阅读滑块文档/演示以修改手柄)