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

これらの 2 行を切り替えます。最初の行は 2 番目の行に依存していると思います。

<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 に答える