0

我在下面的代码中调用了 jQuery 函数两次，但它似乎只在第一次工作。

<!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应该是唯一的，如果你有多个元素，那么使用类属性

<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 回答
1

不要在一个页面上使用多个 ID。改用类。

IE

<p>Depature date: <input type="text" class="datepicker" /></p>
<p>Depature date: <input type="text" class="datepicker" /></p>
于 2013-08-28T07:26:35.350 回答
1

将 id 设置为 class.Id 必须是唯一的。Classes 是组。我已经更改了您的代码并粘贴在这里..使用它会起作用..

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

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


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

标记为答案并在问题解决后放弃投票。

于 2013-08-28T07:27:17.837 回答
1

使用类而不是 id。您不能在 html 页面中使用多个 id

于 2013-08-28T07:29:22.060 回答