相同的ID爲jQuery組件創建問題

我用jQuery創建一個進度條，但問題是這是我連接JQuery與組件ID，但只要我用相同的ID創建新組件，它不工作。是解決它的方法嗎？我附上我的HTML代碼& CSS。所有其他文件都是常見的jQUERY庫。相同的ID爲jQuery組件創建問題

<body> 
<script > 
$(function(){ 

    $("#status").animate({ width: "80%" }, 2000); 

}); 
</script> 

<div id="progress-bar"> 
    <div id="status" ></div> 
</div> 
<div id="progress-bar"> 
    <div id="status" ></div> 
</div>

CSS文件

#progress-bar { 
    border: 2px outset #FFFFFF; 
    background: #E1C555; 
    width: 500px; 
    height: 30px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
} 

#status { 
    background: #EC1414; 
    width: 10%; 
    height: 30px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
}

來源

2011-06-06 Eshika

不允許使用相同ID的兩倍。

您必須改爲使用唯一的ID或類。

來源

2011-06-06 06:41:46 ThiefMaster

您只能擁有一個具有給定ID的html元素。那是ID必須是唯一的。如果您希望使用相同的名稱選擇多個html元素，請使用類。

與您的代碼：

<script > 
$(function(){ 

    $(".status").animate({ width: "80%" }, 2000); 

}); 
</script> 

<div class="progress-bar"> 
    <div class="status" ></div> 
</div> 
<div class="progress-bar"> 
    <div class="status" ></div> 
</div>

來源

2011-06-06 06:41:47 BudgieInWA

相同的ID爲jQuery組件創建問題

回答

相關問題