在多个 jquery 选项卡中加载相同的 jquery 代码

Question

我的文档中有几次 jquery datepicker，具体取决于哪个“”被称为。

如果我在文档中使用日期选择器超过 1 次，则它根本不会加载。

我该如何克服这个问题？

标题

            <div id="datepicker"></div>

            <div id="appt_container">
            <div class="appt"><input onFocus="blur();" class="appt_date" id="day_selected"></div>
                    <div style="width: 200px;"><a href="newlink1" id="newlink1" class="select_item">ITEM</a></div>
                    <div style="width: 200px;"><a href="newlink2" id="newlink2" class="select_item">ITEM</a></div>
                    <div style="width: 200px;"><a href="newlink3" id="newlink3" class="select_item">ITEM</a></div>

            </div>
                    <input type="hidden" class="link" value="confirmation" />
            </span>
            <span id="subname1-2" class="step">
                    <span class="font_normal_07em_black">TITLE</span><br />

            <div id="datepicker"></div>

            <div id="appt_container">
            <div class="appt"><input onFocus="blur();" class="appt_date" id="day_selected"></div>

                    <div style="width: 200px;"><a href="newlink1" id="newlink1" class="select_item">ITEM</a></div>
                    <div style="width: 200px;"><a href="newlink2" id="newlink2" class="select_item">ITEM</a></div>
                    <div style="width: 200px;"><a href="newlink3" id="newlink3" class="select_item">ITEM</a></div>
                    <input type="hidden" class="link" value="confirmation" />
            </span>

`

Answer 1

问题是您的网站上有多个名为“datepicker”的 ID。

您不得多次使用同一个 ID。

重写代码以使用类：

<div class="datepicker">

然后在 JavaScript 中：

$('.datepicker').datepicker();