我已经像这样初始化了我的 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>
但是,我有一个表格,其中一列的“治疗”用户必须单击“更多信息”才能了解更多信息,到目前为止,我已将其编码如下:
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> [...]
因此,对于治疗的每一行,都有一个相应的对话框打开按钮,一旦他们单击该按钮,就会显示有关该特定治疗的详细信息。我已经让这个工作了,但是当超过一个共享相同的“治疗 div”时它会失败。
我怎样才能让它工作。
干杯。