Php Jquery UI-多个对话框

我已经像这样初始化了我的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>

//增加默认动画速度以放大效果
$.fx.speeds.\u默认值=1000；
$（函数（）{
$（“#治疗”）。对话框({
自动打开：错误，
表演：“盲人”，
隐藏：“爆炸”
});
$（“#开场白”）。单击（函数（）{
$（“#治疗”）。对话框（“打开”）；
返回false；
});
});

但是，我有一个表格，其中一列是“治疗”，用户必须单击“更多信息”才能了解更多信息，到目前为止，我已将其编码为：

        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> [...]

foreach（$foo['MedCond']作为$row）
{ 
?>
姓名：
症状：
治疗：
生效日期：
有效期至：
更多信息[…]

因此，对于治疗的每一行，都有一个相应的对话框打开按钮，一旦他们单击该按钮，就会显示有关特定治疗的详细信息。我已经为其中一行实现了这一功能，但当多行共享同一个“治疗div”时，它将失败

我怎样才能让它工作呢

---

干杯。

使用类而不是Id。意味着使用$（“.treatment”）。对话框并编写div class=“treatment”。开启器Id的相同过程必须是唯一的。尝试将它们更改为类。谢谢。这很有效，但是，当我现在单击“更多开启器”时，它打开了每个单独的治疗对话框，而不是“更多信息”仅与该处理相关。我将button id更改为button类，但这不起作用。我猜这是因为它无法区分不同的处理，对吗？您可以循环您的div并匹配您要打开的

$（“#opener”）。单击（function（）{$（“.treatment”）。每个（function（）{var myId=$（此）.attr（'id'）；if（myId==“matchPattern”）{$（this）.dialog（'open）；}}}}}）；

必须为每个治疗div设置唯一的id（使用循环中将其id设置为治疗1、治疗2等的任何计数器变量）。并使用包含治疗的div id的按钮设置任何属性，比如说，然后检查函数中的属性治疗，并打开相应的对话框谢谢，所以我应该设置它，以便每个div id=治疗基本上都有一个int附加到它，例如div id=治疗1，div id=治疗2等，并使用Theodores解决方案要匹配它来自哪个div id…是的，我想div class=opener不会是一个id，因为它不是唯一的？