Jquery 对话 - 同一页面上多个

Question

我试图在一个页面上多次实现 jquery 对话框 - 基本上，我想在用户单击某个人的名字时显示有关该人的更多信息。

我正在使用 php 生成页面。

我尝试这样做，并使其部分工作，但我只能使页面上的第一个实例工作。请任何人给我举一个例子，因为 UI 页面上的那些没有那么有用，因为它们会在页面打开时自动弹出。

我没有发布我的代码，因为我认为这不是正确的方法。

提前致谢。

Answer 1

您需要的所有信息都位于 UI 文档页面上，位于标有“选项”和“方法”的选项卡底部。这些人是您的 friend ，会告诉您(几乎)该小部件可以执行的所有操作。例如，

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying
       information. The dialog window can be moved, resized and
       closed with the 'x' icon.</p>
</div>
...
<a href="" onclick="openDialog('Peter Smith', '<p>Peter Smith likes dirt bike riding, mountain climbing and punk music.</p>'); return false;">Peter Smith</a>
...
<script type="text/javascript">

    $(document).ready( function() {
       $("#dialog").dialog({ autoOpen: false, modal: true });
    });

   function openDialog(title, text) {
        $("#dialog").html(text).dialog('option','title',title).dialog('open');
   }
</script>