无法使用其他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的第一个元素。改为使用一个类。