0

我正在实施一个日期选择器。但是左侧缺少默认图像。我不知道为什么它没有显示在浏览器中。当我看到演示时，它显示得很好。我用这个：

<script type="text/javascript" src="lib/jqm-datebox.core.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.calbox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.datebox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.durationbox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.flipbox.min.js"></script>
<script type="text/javascript" src="lib/jqm-datebox.mode.slidebox.min.js"></script>
<script type="text/javascript" src="lib/jQuery.mousewheel.min.js"></script>
<script type="text/javascript" src="lib/jQuery.mobile.datebox.i18n.en_US.utf8.js"></script>

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true,"zindex":1200}'/>

但不显示图像。

这是我的代码：https ://www.dropbox.com/s/l2dtrxmnsurccxt/www.zip

我这是一个 CSS 问题。（CSS 冲突？）

4

2 回答 2

0

我没有下载你的代码。

您是否检查过图像文件是否需要以不同方式引用？JS 文件可能正在使用相对引用，您可以尝试更改它们，以便它们从根目录引用文件路径。

例如，在 JS 文件（或 CSS 文件，如果有的话）中将“img/calendar.gif”更改为“/lib/img/calendar.gif” 。

于 2013-07-14T09:30:30.933 回答
0

日期选择器图像由类给出ui-icon-datebox。这个在您的 HTML 中。

ui-icon-dateboxCSS 类定义在：

<link type="text/css" href="css/jqm-datebox.min.css" rel="stylesheet">

该文件也存在于<zip>/css/jqm-datebox.min.css. 这也可以。

这门课说.ui-icon-datebox：

background-image: url('image/datebox.png')!important;
background-repeat: no-repeat!important;
background-position: 99% 8px!important;

但是，如果您现在转到：`<zip>/css/image您找不到名为：的文件datebox.png。所以这就是问题所在。

注意：作为一般建议，在使用外部 CSS/JS 库时不要移动文件。保留css, js,img作为您自己的代码。只需将外部库转储到一个名为external（或类似）的目录中，然后在下载它们时保留它们的结构。这可以帮助您避免此类问题，因为许多库定义了自己的目录结构，并且您不想“干扰”内部图像/CSS 文件引用。

于 2013-07-14T09:51:52.307 回答