jQuery UI动画不起作用？

Question

我已经花了很多力气用jQueryUI构建了一个滑块（请参阅此处 ），但是我有<ul>标签的细微问题，它不再像以前那样随着动画滑动了吗？ 我想使用手柄并平稳地观看<ul>滑动，但是我能想到的代码没有使它起作用吗？ 有任何想法吗？ 在此测试页面样本。

我真正希望的是<ul>在我移动手柄或单击滑块路径时可以平稳移动。

干杯们:)

Answer 1

在动画之前添加stop方法，并用动画替换slide函数。

$('.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 ，其中将回调移动到一个函数。