JQuery Chiudi avvenimento sopprimere classe da riga della tabella
-
21-09-2019 - |
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
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
.