I have this on a page that gets loaded into a div but its not working when loaded. I originally had the page load normally in the browser and it worked, only since loading it into the div has it stopped. Not sure if it has anything to do with it but i want to add .live() to the function and give it a try but no idea where to add it just to see if that does anything. Or does anyone have any ideas that might help me to get this working again. $(window).ready(function() {
$('.sliderGallery').each(function(){ var id_parts = $(this).attr('id').split('_'); var id = id_parts[id_parts.length - 1]; var container = $('#sliderGallery_' + id) ; 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); } }); }); }); Thanks, Dave