無法使用另一個DIV標記打開相同的Jquery UI對話框

Question

我一直在試圖找到一種解決方案，以便在用戶無法訪問特定站點時打開相同的對話框。我只能打開我分配ID的第一個DIV。

您可以查看這裏的工作代碼活生生的例子：http://jsfiddle.net/jTGCF/216/

只有第一個「打開」按鈕的作品，但第二個沒有。 HTML的

實施例：

<div id="content"> 
    <a href="#open" id="open">Open dialog</a> 
</div> 

<div id="content"> 
    <a href="#open" id="open">Open dialog</a> 
</div> 

<div id="ok-dialog"> 
    <p>It's Ok!</p> 
</div> 

功能：

$(function() { 
    $('#open').click (function() { 
     $('#ok-dialog').dialog ({ 
      modal: true, 
      title: 'Ok!' 
     }); 
    }); 
}); 

Answer 1

的應該是唯一的ID，僅用於一個元件。 jQuery將只選擇具有給定ID的第一個元素。改爲使用班級。