滑塊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行添加類。我很確定這是什麼導致你的問題。