0

次のコードで jQuery 関数を 2 回呼び出しましたが、最初の 1 回だけしか機能しないようです。

<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>jQuery UI Datepicker - Icon trigger</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"
        />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />
        <script>
            $(function () {
                $("#datepicker").datepicker({
                    showOn: "button",
                    buttonImage: "images/calendar.gif",
                    buttonImageOnly: true
                });
            });
        </script>
    </head>

    <body>

次の部分は完全に機能します。

<p>Depature date:
    <input type="text" id="datepicker" />
</p>

次の部分では、入力テキスト ボックスが生成されますが、カレンダー オプションを開くための画像リンクがありません [スクリプトは呼び出されません]。

    <p>Depature date:
        <input type="text" id="datepicker" />
    </p>**

    </body>

</html>

どんな提案でも大歓迎です。これには単純な答えがあるように感じますが、私にはそれが見えないようです。

ありがとう

4

4 に答える 4

1

要素の id は一意である必要があります。複数の要素がある場合は、class 属性を使用します

<p>Depature date: <input type="text" class="datepicker" /> 
</p> 
<p>Depature date: <input type="text" class="datepicker" /> 
</p>**

それで

$(function() {
 $( ".datepicker" ).datepicker({
  showOn: "button",
  buttonImage: "images/calendar.gif",
  buttonImageOnly: true
 });
 });

デモ:フィドル

于 2013-08-28T07:25:59.590 に答える