2

我正在尝试使用 jquery UI。我下载了所有内容并按照说明进行操作,我在我的 html 中添加了这样的代码:

<link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript">
     $(function() {
         $( "#id_myDate" ).datepicker({
             inline: true
         });
     });
</script>
.....
<div>Date: <input type="text" id="id_myDate" name="deadLine"></div>

当我加载这个页面时,Datepicker 看起来很奇怪。

在此处输入图像描述

怎么了?当我下载 jquery UI 时,我打开 index.html 并且一切正常(包括 datepicker),但是当我将它放入我的应用程序时,它看起来很糟糕。

顺便提一句。我的浏览器是 Chrome(我也在 Firefox 中测试过,同样的问题),我正在使用 python 开发一个 google appengine 应用程序。

谢谢你。

------------编辑------------- --

对不起。因为这是一个google appengine,所以我应该配置我的静态文件,比如js和css。我忘记在 app.yaml 中配置我的 css 文件。现在,我将其添加到 yaml 文件中:

- url: /js
static_dir: js

- url: /css
static_dir: css

js 和 css 是这些文件所在目录的名称。非常感谢。

4

2 回答 2

6
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

将此代码添加到您的 html 的头部

于 2016-01-06T11:31:45.163 回答
1

听起来css文件没有正确加载。检查以确保其正确加载。

在 chrome 中,您可以按F12打开开发者工具。单击网络选项卡,然后刷新您的页面。您将看到发送到网络服务器的每个请求的列表,包括任何错误。确保您的 css 文件已正确加载。

于 2012-05-12T05:08:02.027 回答