Question

我正在使用jQuery UI文档中的这个非常简单的日期选择器代码，但它在我的Mac上不起作用：

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>

<body>
    <input type="text" id="date-picker" />
    <script>
        $("#date-picker").datepicker();
    </script>
</body>

有谁可以告诉我为什么它不起作用？提前谢谢！

Answer 1

jQuery UI依赖于jQuery。

因此，您需要在jQuery UI脚本之前包含jQuery脚本：

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

也不需要两次包含jQuery。以上就足够了。

这是working example。

Answer 2

你应该在添加jqueryui之前添加jquery 你添加了jquery两次。移动一个

<!doctype html>
    <html>
    <head>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    </head>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <!--    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>-->


    <body>
    <input type="text" id="date-picker" />
    <script>
        $("#date-picker").datepicker();
    </script>
    </body>

Answer 3

是的，在jquery ui之前包含jquery

<!doctype html>
<html>
<head>
    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
</head>

<body>
    <input type="text" id="date-picker" />
    <script>
        $("#date-picker").datepicker();
    </script>
</body>

jQuery Datepicker没有响应

3 个答案: