0

如何在 aa 页面上获取两个 jquery ui 滑块，当我将 id 滑块用于多个 div 时，仅显示第一个滑块

<!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

您可以在一个页面中添加任意数量的内容并使它们独立工作，您应该使用唯一选择器并且id是最好的选择器。 这是一个小提琴，可以说清楚。

于 2013-08-22T09:26:36.363 回答