jQuery UI的 - 多個對話框

Question

我已經初始化我的jQuery UI的這個樣子，我可以讓它工作了一個對話框：

<script> 
// increase the default animation speed to exaggerate the effect 
$.fx.speeds._default = 1000; 
$(function() { 
    $("#treatment").dialog({ 
     autoOpen: false, 
     show: "blind", 
     hide: "explode" 
    }); 

    $("#opener").click(function() { 
     $("#treatment").dialog("open"); 
     return false; 
    }); 
}); 
</script> 

不過，我有一張桌子和一列，「治療」的用戶必須點擊「更多信息」，以瞭解更多，到目前爲止，我已經編寫這樣的：

 foreach($foo['MedCond'] as $row) 
    { 
    ?> 

      <tr> 
<td><b>Name:</b></td> 
<td><b>Symptoms:</b></td> 
<td><b>Treatment:</b></td> 
<td><b>Effective From:</b></td> 
<td><b>Effective To:</b></td> 
    </tr> 
     <tr> 
     <td><?php echo $row['Name'];?></td> 
     <td><?php echo $row['Symptoms'];?> </td> 
     <td><div id="treatment"><p><?php echo $row['Treatment'];?></p></div><button id="opener">More info</button></td> [...] 

因此，對於每一行進行治療，有相應的對話框打開按鈕，一旦點擊該，有關該特定治療的詳細信息顯示出來。我已經爲此工作了一個，但當多於一個共享相同的「處理分區」時，它失敗了。

我該如何得到這個工作。

乾杯。

Answer 1

使用類而不是Id。表示使用$（「.treatment」）.dialog並寫入div class =「treatment」。開瓶器的相同步驟