0

私はこのようにjqueryuiを初期化しました、私はそれを1つのダイアログボックスで動作させることができます：

    <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>

ただし、テーブルがあり、1つの列について、ユーザーは「詳細」をクリックして詳細を確認する必要があります。これまでのところ、次のようにコーディングしています。

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

したがって、治療のすべての行に、対応するダイアログを開くボタンがあり、クリックすると、その特定の治療に関する詳細が表示されます。私はこれを1つで機能させましたが、同じ「治療div」を複数共有すると失敗します。

どうすればこれを機能させることができますか。

乾杯。

4

1 に答える 1

1

Id の代わりにクラスを使用します。$( ".treat" ).dialog を使用し、div class="処置" を記述することを意味します。オープナーも同じ手順

于 2012-05-26T19:35:49.740 に答える