загрузка одного и того же кода JQuery в нескольких вкладках JQuery - PullRequest
Новая
       5

загрузка одного и того же кода JQuery в нескольких вкладках JQuery

0 голосов
/ 23 ноября 2011

Несколько раз в моем документе есть jquery datepicker, в зависимости от того, как вызывается «».

Если у меня есть datepicker более 1 раза в документе, он вообще не загружается,

Как мне преодолеть эту проблему?

<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 голосов
/ 23 ноября 2011

Проблема в том, что на вашем сайте есть несколько идентификаторов с именем "datepicker".

Вы не должны использовать ID более одного раза.

Перепишите свой код, чтобы использовать класс: 

<div class="datepicker">

Тогда в вашем JavaScript: 

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