Stripe Ajax-Tabelle mit jQuery
-
29-09-2019 - |
Frage
Für die normalen HTML-Tabellen Ich benutze
$('table.alt tr:even').addClass('bg');
für die Tabelle Striping. Aber offensichtlich das funktioniert nicht mit Ajax. der Index jeder neuen Tabellenzeile „-1“ ist und daher jede neue Zeile erhält die Klasse.
Auch die Live-Abfrage-Plugin von http://brandonaaron.net kann mir nicht helfen. Irgendwelche Vorschläge?
Lösung
Nun können Sie das Hinzufügen Linie versuchen, dass Code, und eine, die alle vorhandenen Streifen entfernt, auf dem Globale .ajaxSuccess()
Veranstaltung so dass es jedes Mal läuft ein ajax-Aufruf abgeschlossen ist, aber das ist nicht ein schrecklich effiziente Methode, wenn Sie arbeiten mit vielen verschiedenen ajax-Aufrufe mit nur wenigen, die tatsächlich in der Tabelle ändert.
Sie können festlegen, auch eine Funktion, die Sie mit dem success
Rückruf Ihrer Ajax-Aufrufe, wie
function stripTable(){
$('table.alt tr').removeClass('bg').filter(':even').addClass('bg');
}
Dies verhindert, dass Streifen aus ist, wenn Sie in neuen Zeilen in vorhandenen Tabellen einfügen vermasselt.
Mit CSS ist natürlich der beste Weg, dies zu tun, aber da Sie mit jQuery für diesen Ich vermute, dass die Abwärtskompatibilität ist ein zentrales Thema hier.