how would i upgrade this code to work with jquery 1.6.2
how would i upgrade this code to work with jquery 1.6.2 as it only seems to work if i use Version 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>
link to my开发者_开发问答 issue: http://www.floodgateone.com/catering/index1.html
thanks for any help
If you're upgrading jQuery, then also upgrade to the latest jQuery UI where slider setup is much easier:
$(".slider").slider();
EDIT:
Working example, using latest jQuery and jQuery UI: Fiddle
Full-screen link: here
精彩评论