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

Question

我有几次jquery datepicker在我的文档中，取决于调用哪个“< span>”。

如果我在文档中有多于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> 

`

Answer 1

的问题是，你有一个名为 “日期选择器” 网站上的多个ID。

您不能多次使用一个ID。

重写代码中使用的类：

<div class="datepicker"> 

然后，在JavaScript：

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