2

经过长时间的搜索，决定在这里尝试一下。我想为我的表实现 jQuery UI 对话框。在框中，我想显示具有长描述的附加单元格，通常只会弄乱我的表格布局。因此，单击按钮后，您将获得更多信息。

我有标准代码：

$.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>";

它确实有效，但它为所有行打开了框。真的不知道如何让它只打开相关的框。

请帮忙。

4

2 回答 2

0

你可以试试这个

$(function() {
    $( ".opener" ).click(function(e) {
        e.preventDefault();
        var index=$(this).closest('tr').index();
        $($(".dialog")[index]).dialog("open");
    });
});​

演示。

于 2012-08-29T10:23:10.030 回答
0

对每一行使用动态 ID，然后单击发送相关行的 ID，然后仅显示该行的描述

于 2012-08-29T09:54:28.303 回答