Pergunta

Atualmente, tenho uma tabela com linhas que contêm um link clicável. Quando um usuário clica em um link de qualquer tabela de diálogo Modal da UI Modal da linha JQuery e eu adiciono uma classe aos links clicados TR, chamado 'Destaque'. O que eu gostaria de poder fazer é remover esta classe da linha quando a caixa de diálogo JQuerys UI estiver fechada. Alguém sabe como posso conseguir isso?

Aqui está como é o meu evento de carga

$(document).ready(function() {
        $("#dialog").dialog({
            autoOpen: false,
            height: 170,
            width: 350,
            center: false
        });

        $('.getData').click(function(e) {
            getResults($(this).attr('id'));
            $(this).parent().parent().addClass("highlight");
            $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
            return false;
        });
    });

Obrigado

Foi útil?

Solução

Se você tiver apenas uma linha com a classe Hightlight o tempo todo, poderá usar isso:

$("#dialog").dialog({
    autoOpen: false,
    height: 170,
    width: 350,
    center: false,
    close: function(event, ui) {
        $('table .highlight:first').removeClass('highlight'); 
        // A bit faster in theory
    }
});

Outras dicas

Talvez algo assim seja o que você está procurando:

$(document).ready(function() {
    $("#dialog").dialog({
        autoOpen: false,
        height: 170,
        width: 350,
        center: false,
        close: function(event, ui) { 
            $("table tr").removeClass("highlight");
        }
    });

    $('.getData').click(function(e) {
        getResults($(this).attr('id'));
        $(this).parent().parent().addClass("highlight");
        $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]);
        return false;
    });
});

Se você tem mais do que a linha com o destaque da classe, recomendo definir uma variável global no $('.getData').click... método para que você possa referenciá -lo do close método.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top