第二次調用JQuery腳本失敗

我在下面的代碼中調用了兩次jQuery函數，但它似乎只能在第一次工作。第二次調用JQuery腳本失敗

<!doctype html> 
<html lang="en"> 

    <head> 
     <meta charset="utf-8" /> 
     <title>jQuery UI Datepicker - Icon trigger</title> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" 
     /> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css" /> 
     <script> 
      $(function() { 
       $("#datepicker").datepicker({ 
        showOn: "button", 
        buttonImage: "images/calendar.gif", 
        buttonImageOnly: true 
       }); 
      }); 
     </script> 
    </head> 

    <body>

以下部分完美的作品：

<p>Depature date: 
    <input type="text" id="datepicker" /> 
</p>

下一部分產生輸入文本框，但沒有圖像鏈接，打開日曆選項[不調用腳本]：

<p>Depature date: 
     <input type="text" id="datepicker" /> 
    </p>** 

    </body> 

</html>

任何建議將非常感激。我有一種感覺，這有一個簡單的答案，我似乎無法看到它。

感謝

來源

2013-08-28 Andrew Smith

以Id爲class.Id必須unique.Classes被groups.I已經改變了你的代碼並粘貼here..Use這將工作..

<script> 
    $(function() { 
     $(".datepicker").datepicker({ 
      showOn: "button", 
      buttonImage: "images/calendar.gif", 
      buttonImageOnly: true 
     }); 
    }); 
</script> 

<p>Depature date: 
    <input type="text" class="datepicker" /> 
</p> 


<p>Depature date: 
    <input type="text" class="datepicker" /> 
</p>

如果問題解決了，請標記爲答案並放棄。

來源

2013-08-28 07:27:17 Sasidharan

謝謝這麼多，這是一個完美的答案。除了將'id'更改爲class，我還需要將「#datepicker」更改爲「.datepicker」。非常感謝！ –

元素should be unique的ID，如果你有多個元素，然後使用class屬性

<p>Depature date: <input type="text" class="datepicker" /> 
</p> 
<p>Depature date: <input type="text" class="datepicker" /> 
</p>**

然後

$(function() { 
$(".datepicker").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true 
}); 
});

演示：Fiddle

來源

2013-08-28 07:25:59

Thankyou，這是非常有幫助 –

切勿使用多一個頁面上的ID。改用類。

即

<p>Depature date: <input type="text" class="datepicker" /></p> 
<p>Depature date: <input type="text" class="datepicker" /></p>

來源

2013-08-28 07:26:35 rgin

使用class而不是id。你不能在html頁面中使用多個ID

來源

2013-08-28 07:29:22

第二次調用JQuery腳本失敗

回答

相關問題