0

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

ハンドルを右の 1 ノードにスライドすると、div class='ui-slider' id='slider' のマージンが 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 に答える