0

aaページで2つのjquery uiスライダーを取得する方法、1つ以上のdivにidスライダーを使用すると、最初のスライダーのみが表示されます

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />

    <link href="css/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/jquery-ui.css" />
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/jquery-ui.js"></script>

    .
            .
            .
            .
            .


            <div id="left_panel">
                <div id="panel_title">
                    Left Panel
                </div>
                <textarea id="txt" >        </textarea>
                <input type="checkbox" name="right_to_left" value="Bike">
                Right to Left
                <br/>
                <div id="font_family">
                    <!--[if !IE]> -->
                    <div class="notIE">
                        <!-- <![endif]-->
                        hello
                        <select>
                            <option>Apples</option>
                            <option selected>Pineapples</option>
                            <option>Chocklate</option>
                            <option>Pancakes</option>
                        </select>
                        <!--[if !IE]> -->
                    </div>
                    <!-- <![endif]-->
                </div>
                <br/>
                 Size:<div class="font_size" class="slider"></div>
            Opacity:<div class="font_opacity" class="slider"></div>
            </div>

            <div id="middle_panel">
                I am in middle

            </div>

        </div>

    </div>
</body>

提案してください?html

4

2 に答える 2

1

クラスで使用します。ID と一緒に使用しないでください。ID は一意である必要があります

 Size:<div class="font_size slider"></div>
                Opacity:<div class="font_opacity slider"></div>
于 2013-08-22T09:13:44.457 に答える
1

1 つのページに好きなだけ追加でき、それらを個別に機能させるには、一意のセレクターを使用する必要idがあり、これが最適です。 ここにそれを明確にするためのフィドルがあります。

于 2013-08-22T09:26:36.363 に答える