Domanda

Al momento ho una tabella con le righe che contengono un link cliccabile. Quando un utente fa clic su un collegamento da una riga della tabella UI modale finestra popup di jQuery e ho aggiungere una classe al link cliccati tr genitore chiamato 'pezzo forte'. Quello che mi piacerebbe essere in grado di fare è rimuovere questa classe dalla prima fila quando l'interfaccia utente Dialog JQuerys è chiuso. Se uno sa come posso raggiungere questo obiettivo?

Ecco quello che il mio evento carico assomiglia

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

Grazie

È stato utile?

Soluzione

Se si dispone di una sola riga con il momento clou di classe in ogni momento è possibile utilizzare questo:

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

Altri suggerimenti

forse qualcosa di simile è quello che stai cercando:

$(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 avete più di quella fila con l'evidenziazione di classe poi mi consiglia di impostare una variabile globale nel metodo $('.getData').click... in modo da poter fare riferimento a esso dal metodo close.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top