Question

经过长时间的搜索决定试试这里。我想为我的表实现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>";

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

请帮助。

Answer 1

为每一行使用动态ID并onclick发送相关行的ID，然后仅显示该行的描述

Answer 2

你可以试试这个

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

DEMO

jQuery UI对话框 - 多行

2 个答案: