JQuery的滑块动画

我想动态显示滑块， http://jqueryui.com/demos/slider/#option-animate所以基本上，当它移动到从一个到另一个位置的移动顺畅，我实现的代码，但它不为我工作：JQuery的滑块动画

<script> 
    $(function() { 
     $("#tabs").tabs({ 
      select: function(event, ui) { 
       $("#slider").slider("value", ui.index); 
      } 


     }); 
     $("#slider").slider({ 


      min: 0, 
      max: $("#tabs").tabs("length") - 1, 
      slide: function(event, ui) { 
       $("#tabs").tabs("select", ui.value); 


       }, 


      animate: true 
     }); 
    }); 
    </script>

来源

2011-03-25 jmysona

可以在安装上jsfiddle.net小提琴？ – JohnP 2011-03-25 12:24:28

这是一个jsFiddle，它应该与他的问题相对应：http://jsfiddle.net/9ycNg/确实，滑块不会生成动画，如果删除了“滑块{...}”部分，也是如此。 – Sylvain 2011-03-25 13:11:03

在这里我们去：http://jsfiddle.net/meyson/DryTf/ – jmysona 2011-03-25 13:13:35

当您设置slide: { ... }选项时，您破坏了动画。添加$(this).slide();修复动画

$(function() { 
    $("#tabs").tabs({ 
     select: function(event, ui) { 
      $("#slider").slider("value", ui.index); 
     } 
    }); 
    $("#slider").slider({ 
     min: 0, 
     max: $("#tabs").tabs("length") - 1, 
     slide: function(event, ui) { 
      $("#tabs").tabs("select", ui.value); 
      $(this).slide(); // fixes the animation 
     }, 
     animate: true 
    }); 
});

DEMO HERE

来源

2011-03-25 13:14:43 Sylvain

现货Sylvain !!!!! 感谢您的帮助 – jmysona 2011-03-25 13:20:01

不客气;） – Sylvain 2011-03-25 13:24:05

@jmysona：如果有帮助，请点击答案旁的向右箭头接受答案;） – Sylvain 2011-03-25 14:02:37

JQuery的滑块动画

回答

相关问题