JQuery UI анимация не работает?

Question

Я приложил много усилий с помощью jQueryUI (см. здесь ), но у меня есть небольшая проблема с тегом <ul>, который больше не скользит с анимацией, как раньше? Я хочу использовать ручку и плавно смотреть <ul> слайд, но ни один код, о котором я могу думать, не заставляет его работать? Есть идеи? Тестовый образец страницы здесь .

Все, что я действительно хотел бы, это чтобы <ul> плавно двигался, когда я перемещаю ручку или нажимаю на ползунок.

Приветствия, ребята:)

Answer 1

Добавьте метод stop перед анимацией и замените функцию слайда анимацией.

$('.handle', container).slider({
    ...
    stop: function (event, ui) {
        $(".pics").stop().animate({"left" : ui.value * -1}, 500);
    },
    slide: function (event, ui) {
        $(".pics").stop().animate({"left" : ui.value * -1}, 500);
    }
});

Также см. jsfiddle , где я переместил обратные вызовы в одну функцию.