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