jQuery-UI Datepicker CSS问题

And*_*llo 4 css themes jquery-ui

我有一个非常简单的HTML页面,带有一个jQuery datepicker:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Datepicker</title>
    <link rel="stylesheet" href="../App_Themes/Default/ui.datepicker.css" type="text/css"
        media="screen" title="Smoothness" />

    <script src="../Shared/Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>

    <script src="../Shared/Scripts/jquery-ui-1.5.3.min.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
        $(document).ready(PageLoad);

        function PageLoad() {
            $('#textBox').datepicker();
        }
    </script>

</head>
<body>
    <input type="text" id="textBox" />
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

datepicker本身似乎工作得很好,但我无法应用我的主题.我在这里错过了一些非常愚蠢的东西吗?

谢谢 !!!!

bar*_*art 8

如果您通过Google加载jQueryUI,请确保jQueryUI CSS主题与jQueryUI库具有相同的版本.

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

<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js' type='text/javascript'></script>
Run Code Online (Sandbox Code Playgroud)

检查上面的代码,都使用1.8.5.但是如果为主题加载1.8而不是1.8.5,则数据贴图将不会显示.


And*_*llo 7

我的问题不是关于CSS有效性或相对路径....我只是为我的jQuery-ui版本引用了错误版本的CSS文件.对于遇到类似问题的所有人,请确保为jQuery-ui脚本下载正确的主题版本.

谢谢.

  • 当你意识到你一直都知道自己在做什么但在执行中某处失败时,这是一种伟大/可怕的感觉:) (3认同)