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

时间:2011-11-23 10:01:31

标签: jquery jquery-ui-datepicker

我的文档中有jquery datepicker几次,取决于“< span>”被称为。

如果我在文档中有超过1次的datepicker,它根本不加载。

我如何克服这个问题?

<span id="subname1-1" class="step"> TITLE

            <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>

`

1 个答案:

答案 0 :(得分:0)

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

您不得多次使用ID。

重写您的代码以使用类:

<div class="datepicker">

然后在你的JavaScript中:

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