jQuery的UI滑块移动多个div

嘿，我想使用jQuery UI的我的网页上有一个滑块，移动多个div不同的距离。jQuery的UI滑块移动多个div

所以基本上你拉动滑块，div1左移10px，div2左移20px。

我已经看了看这里的jQuery UI滑块http://jqueryui.com/demos/slider/#side-scroll，但我无法弄清楚如何让滑块移动多个div。

帮助将非常感激。我对jQuery相当陌生，但我很享受学习体验=]

来源

2010-08-26 salmon

您可以使用.slide（）事件，否？ http://jqueryui.com/demos/slider/#event-slide

这样你就可以调整你想要的div。我会写一个小例子

做了一个小例子： http://labs.joggink.be/slider-multiple-divs/

滑块调整大小的div 3这样的（这是非常基本的和丑陋的书面）：

 $("#slider").slider(
      { 
         value:100, 
         min: 10, 
         max: 250, 
         step: 10, 
         slide: function(event, ui) { 
          $('#div-1').css({ 
           width : ui.value + 'px', 
           height: ui.value + 'px' 
          }); 
          $('#div-2').css({ 
           width : ui.value + 10 + 'px', 
           height: ui.value + 10 + 'px' 
          }); 
          $('#div-3').css({ 
           width : ui.value + 20 + 'px', 
           height: ui.value + 20 + 'px' 
          }); 
         } 
      }); 
    });

来源

2010-08-26 09:00:41 joggink

感谢一大堆。不过我更喜欢带调整大小的那个。目前我有两个div被滑块移动，但我需要一个以不同的速度移动。举个例子，非常感谢！ – salmon 2010-08-26 09:21:00

因此，使用上面的代码，但改变位置，而不是尺寸 - 完成工作。 – belugabob 2010-08-26 09:24:58

非常感谢这个例子=]好吧，这里是我到目前为止的一个链接，我无法设法让底部框以不同的速度滚动到顶部框。 http://www.ehbeat.com/test2/slider.html 理想情况下，当您从左向右拖动滑块时，我希望顶部和底部框以不同的速度移动，以便当滑块到达正确的方块表示20和10排成一列。非常感谢您的帮助，并对不起，如果我有点混乱。 – salmon 2010-08-26 09:40:54

jQuery的UI滑块移动多个div

回答

相关问题