Question

以下简单的jquery滑块网页使用CDNs进行CSS和javascript - 显示滑块但不能操作（不随鼠标点击一步）。任何人的想法？

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>

        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />

    </head>

    <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.8.19/jquery-ui.min.js" type="text/javascript"></script>

    <body>
        <form id="form1" runat="server">
        <div>

            <script>
                $(function () {
                    $("#slider").slider();
                });
            </script>

            <div id="slider"></div>

        </div>
        </form>
    </body>
    </html>

Answer 1

更新您的jQuery UI CDNs路径

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>

Answer 2

使用以下代码，它可以正常工作。

      < link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

      < script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      < script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

Jquery UI Slider - 基本示例不起作用

2 个答案: