Pregunta

Actualmente tengo una tabla con filas que contienen un enlace. Cuando un usuario hace clic en un enlace desde cualquier fila de la tabla ventanas emergentes de la interfaz de usuario modal de diálogo de jQuery y me añadir una clase de los enlaces de click en tr padre llamado 'destacado'. Lo que me gustaría ser capaz de hacer es quitar esta clase de la fila cuando la interfaz de usuario de diálogo JQuerys está cerrado. ¿Alguien sabe cómo puedo lograr esto?

Esto es lo que mi evento de carga parece

$(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;
        });
    });

Gracias

¿Fue útil?

Solución

Si usted tiene solamente una fila con el punto culminante de clase en todo momento usted podría utilizar esto:

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

Otros consejos

tal vez algo como esto es lo que está buscando:

$(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;
    });
});

Si usted tiene más de una fila con el punto culminante de clase entonces me recomiendan establecer una variable global en el método $('.getData').click... lo que puede hacer referencia a ella desde el método close.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top