经过长时间的搜索,决定在这里试一试。我想为我的表实现jQueryUI对话框。在框中,我想显示额外的单元格,它有很长的描述,通常只会打乱我的表格布局。所以点击按钮后,你会得到更多的信息。
我有标准代码:
$.fx.speeds._default = 1000;
$(function() {
$( ".dialog" ).dialog({
autoOpen: false,
show: "blind",
hide: "explode"
});
$( ".opener" ).click(function() {
$( ".dialog" ).dialog( "open" );
return false;
});
});
和php:
echo "<td align=center>".$okres[$i]."</td>";
echo "<td ><button class='opener'>Desription</button><div class='dialog' title='$training[$i]'>".$opis[$i]."</div></td>";
echo "<td align=center>".$status[$i]."</td>";
它确实有效,但它打开了所有行的框。真的不知道如何让它打开只相关的盒子。
请帮忙。
对每一行使用动态id,然后单击发送有问题的行的id,然后只显示该行的描述
你可以试试这个
$(function() {
$( ".opener" ).click(function(e) {
e.preventDefault();
var index=$(this).closest('tr').index();
$($(".dialog")[index]).dialog("open");
});
});
演示。