0

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

当手柄向右滑动一个节点时，div class='ui-slider' id='slider'的margin从margin: 0变化；到边距：-60px 0 0；导致 div 向上移动。在我开始处理这个之前，节点也会向上移动，但我添加了 div style="height:60px;" 迫使他们留在原地。这是在下面代码段的第 4 行。

有没有人有任何创造性的想法来保持 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>
4

1 回答 1

0

看起来您的 CSS 的第 20 行是添加到您的句柄的类

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

该类是在您的 slide.js 文件的第 597 行周围添加的。我很确定这是导致您的问题的原因。

于 2012-04-04T18:04:47.810 回答