Jak zmienić kolejność wyświetlanych elementów przy pomocy jQuery?
- Poziom trudności:
Pomogłem rozwiązać Twój problem? Wspieraj moje działania bym pisał więcej:
Zdarza się niekiedy, że lista albumów galerii jaką przygotowaliśmy na stronie w WordPressie wyświetla się w kolejności od najstarszych do najmłodszych. Zwykle warto wtedy zainteresować się czy wtyczka albo skrypt który mamy zaimplementowany na stronie posiada możliwość zmiany takiej kolejności. Jeśli jednak nie ma, jest szybki sposób aby zmienić kolejność wyświetlania elementów przy pomocy biblioteki jQuery i krótkiego skrawka kodu.
Zwyczajowo opcje kolejności są zaszyte w ustawieniach wtyczki (jeśli to ona odpowiada za wyświetlenie elementów. Jeśli to kwestia skryptu PHP bazującego na bazie danych, wtedy pomóc może znalezienie polecenia ORDER BY i podanie rodzaju sortowania:
- ASC – sortowanie rosnąco, domyślny sposób sortowania
- DESC – sortowanie malejąco
Gdyby jednak wszystkie rozwiązania zawiodły, z pomocą przychodzi jQuery. W pliku .js z Twoimi skryptami dopisz linijkę:
$(".kontener-gdzie-sa-elementy-w-zlej-kolejnosci").append($(".kontener-z-kazdym-jednym-elementem").get(.reverse());
Jeśli nie masz pliku .js to najlepiej go stwórz ale w ostateczności możesz skorzystać z takiej konstrukcji:
<script type="text/javascript"> $(document).ready(function() { $(".kontener-gdzie-sa-elementy-w-zlej-kolejnosci").append($(".kontener-z-kazdym-jednym-elementem").get(.reverse()); }); </script>
Pamiętaj aby przed wklejeniem takiego fragmentu kodu do <head> upewnić się, że podpiąłeś pod stronę aktualną bibliotekę jQuery.
Pomogłem rozwiązać Twój problem? Wspieraj moje działania bym pisał więcej:
Komentarze — Napisz pierwszy komentarz
Czy powyższe wskazówki były skuteczne? Jeśli tak, podziel się swoimi spostrzeżeniami w komentarzu. Gdybyś chciał się podzielić ze mną skrawkiem kodu aby uzupełnić minikurs to skorzystaj z portalu pastebin.com i wyślij linka do kodu. Instrukcje jak to zrobić znajdziesz tutaj.