在多個jquery選項卡中加載相同的jquery代碼

我有幾次jquery datepicker在我的文檔中，取決於調用哪個「< span>」。在多個jquery選項卡中加載相同的jquery代碼

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

來源

2011-11-23 dave

你可以張貼一些代碼嗎？ – Thorsten

您使用Ajax加載新選項卡嗎？和document.ready？ – Niels

不使用ajax。 document.ready是什麼意思？我相信，在我< head >< /head > – dave

的問題是，你有一個名爲「日期選擇器」網站上的多個ID。

您不能多次使用一個ID。

重寫代碼中使用的類：

<div class="datepicker">

然後，在JavaScript：

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

來源

2011-11-23 10:27:51 Thorsten

我確實有問題，顯示今天日期的輸入一旦通過jquery提交了這個表單，就不會再正確地顯示今天的日期。 '' – dave

請添加您的JS代碼 – Thorsten

在多個jquery選項卡中加載相同的jquery代碼

回答

相關問題