Question

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

但是，我有一张桌子和一栏，治疗＆＃39;用户必须点击＆＃34;更多信息＆＃34;为了找到更多信息，到目前为止，我已将其编码为：

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

因此，对于治疗的每一行，都有一个相应的对话框打开按钮，一旦他们点击它，就会显示有关该特定治疗的详细信息。我有一个这个工作，但是当多于一个共享＃34;治疗div＆＃34;时失败了。

我怎样才能让它发挥作用。

干杯。

Answer 1

使用class而不是Id。表示使用$（“。treatment”）。dialog并写入div class =“treatment”。开场白的程序相同

Jquery UI - 多个对话框

1 个答案: