滑块CSS，jQuery和布局 - 我的滑块手柄喜欢飞走

Question

https://www.radiumhosting.com/clients/nodecart.php

当手柄向右滑动一个节点，DIV类的保证金=“UI滑块” ID =“滑”的变化保证金：0;至页边距：-60px 0 0;导致div上移。在我开始研究这个之前，节点也会向上移动，但我添加了div style =“height：60px;”迫使他们留在原地。这是在下面的片段中的第四行。

有没有人有任何创意让div id ='slider'固定？

   <div class="slider-background-repeat"> 
       <div class="slider-background-left"> 
        <div class='slider-wrap'> 
        <div style="height:60px;"> 
         <div class='ui-slider' id='slider'> 
          <div class='ui-slider-handle'></div> 
          <div class='handle-text nodes-1'></div> 
          <input class="text text" id="numNodes" name="numNodes" value="{$defaultNodes}" size="30" type="text" /> 

         </div> 

        </div> 

         <ul class='slider-nodes' id='slider-nodes'></ul> 

         <div id='nodesprev' onClick="MoveNodesBack()" ><img src="./modules/servers/vpsnet/assets/images/prev.png" border="0"></div> 
         <div id='nodesnext' onClick="MoveNodesForward()"><img src="./modules/servers/vpsnet/assets/images/next.png" border="0"></div> 
        </div> 
       </div> 

Answer 1

看起来像你的CSS的第20行是添加到您的手柄

#vps-net-slider .slider-wrap #slider.ui-slider .ui-slider-handle.active { background-position:-75px -20px;} 

这个类是围绕你的slide.js文件的597行添加类。我很确定这是什么导致你的问题。