0

我无法让 jQueryMobile - DateBox 运行。它根本没有显示，我得到一些 JS 错误。这是我的代码：

标题：

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" href="css/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="css/jqm-datebox-1.1.0.min.css" />
<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="js/jqm-datebox-1.1.0.mode.calbox.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.de.utf8.js"></script>

身体：

<form id="formular" name="formular" method="post" action="enquiry.php">
  <table>
    <tr>
      <td>Arrival</td>
      <td><input name="arrival" id="frm_arrival" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="<?php echo $arrival; ?>" /></td>
    </tr>
    <!-- .... -->
  </table>
</form>

日期选择器未显示，Firebug 给我以下错误：

TypeError: a.mobile.datebox is undefined
TypeError: jQuery.mobile.datebox is undefined

错误应该在第 11 行jquery.mobile.datebox.i18n.de.utf8.js。这是行：

jQuery.extend(jQuery.mobile.datebox.prototype.options.lang, {

我找不到错误。这是一个jQuery冲突吗？我使用jQueryMobile - DateBox错误的方式吗？我做错了什么？

4

1 回答 1

0

切换这两行，我猜第一行取决于第二行：

<script type="text/javascript" src="js/jqm-datebox-1.1.0.mode.calbox.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.de.utf8.js"></script>

对此：

<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.de.utf8.js"></script>
<script type="text/javascript" src="js/jqm-datebox-1.1.0.mode.calbox.min.js"></script>

编辑

您需要在标题中包含实际的日期框文件。德语版本只是一个翻译。它不包含 datebox 插件本身。

像这样排列你的脚本标签：

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="jquery.mobile.datebox-something-something.js"></script>
<script type="text/javascript" src="jqm-datebox-1.1.0.mode.calbox.min.js"></script>
<script type="text/javascript" src="jquery.mobile.datebox.i18n.de.utf8.js"></script>
于 2012-11-26T16:30:21.497 回答