UsandoUI do jQuery, Eu tenho um plug-in de guias e, na guia 1, é carregada uma página que contém uma tabela e em cada linha há um link para uma caixa de diálogo.

Tudo funciona corretamente, salve o seguinte:

Na caixa de diálogo, há uma opção para excluir a linha da qual a caixa de diálogo atual foi aberta. Após confirmar e excluir a linha, a guia é atualizada e a nova tabela é mostrada com a linha relevante excluída.

Agora, o problema é que, depois de fechar a caixa de diálogo em que a exclusão foi feita (pela função JavaScript que foi excluída ou manualmente pelo botão Fechar da caixa de diálogo), a caixa de diálogo retém os dados da linha excluída.

Por exemplo,

Existem três linhas listadas;

Abrir caixa de diálogo da linha 2;

Excluir;

Caixa de diálogo fechada a partir da função JavaScript, a guia é atualizada, agora com duas linhas;

O link de diálogo aberto na segunda linha (que costumava ser a linha 3) tem o mesmo ID de diálogo que o recém-aberto;

Clique no link de diálogo aberto na linha 2;

A caixa de diálogo é exibida como antes - para a linha 2 antiga, em vez da linha 2 atual;

Fechar caixa de diálogo;

Clique no link de diálogo aberto na linha 2;

Exibe corretamente - dados da linha 2 atual;

Não sei se isso fazia algum sentido ... Aqui está uma imagem do que acontece:

Portanto, a linha abaixo da linha que é excluída herda o ID da caixa de diálogo e, quando clicada, mostra a caixa de diálogo antiga. Se fechado e reaberto, ele mostra o conteúdo apropriado na caixa de diálogo.

estou a usardialog("close") atualmente e tenteidialog("destroy"), mas isso o mata totalmente, e a linha abaixo não abre nada ...

Como posso resolver este problema?

Código de instanciação de diálogo:

<script>
    <?php
        $ee=1;
        foreach($bugs->result() as $rr){
            echo "jQuery(\"#dialog_$ee\").dialog({autoOpen:false,width:850,height:550});\n";
            $ee++;
    }?>
</script>

Em seguida, abra a caixa de diálogo:

jQuery("#dialog_<?=$i?>").dialog("open");