在文档上获取多个ui滑块

Question

how to get two jquery ui slider on aa page , when i used id slider for than one div only first slider is shown 如何在一个页面上获得两个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>

Please suggest?html 请建议？html

Answer 1

use by class , don't use with id, id must be unique 按类使用，不要与id一起使用，id必须是唯一的

 Size:<div class="font_size slider"></div>
                Opacity:<div class="font_opacity slider"></div>

Answer 2

You can add as many as you want in one page and to make them work independently you should use uniques selectors and id is the best one. 您可以在一个页面中添加任意数量的内容，并使它们独立工作，您应该使用唯一身份选择器， id是最好的选择器。 Here is a fiddle to make it clear. 这是一个说清楚的小提琴。

在文档上获取多个ui滑块

问题描述

2 个解决方案

解决方案1
1 2013-08-22 09:13:44

解决方案2
1 已采纳 2013-08-22 09:26:36

在文档上获取多个ui滑块

问题描述

2 个解决方案

解决方案1 1 2013-08-22 09:13:44

解决方案2 1 已采纳 2013-08-22 09:26:36

解决方案1
1 2013-08-22 09:13:44

解决方案2
1 已采纳 2013-08-22 09:26:36