在多個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();