Więc dodałem cztery elementy do strony, która jestoddzielone od pętli Wordpress. Używam jQuery appendto (), aby dodać je na liście postów (pętla) .To działa dobrze, z wyjątkiem ostatniego ... wydaje się nie być w stanie wybrać go za pomocą last-child lub only-child lub nth -child. Pozostałe 3 elementy zostały wybrane i przeniesione perfekcyjnie dobrze przy użyciu ostatniego dziecka (#). Próbowałem wszystkiego, co potrafię wymyślić. Co myślisz?
Oczywiście, kiedy te trzy elementy zostaną przeniesione, przypuszczam, że ostatnie jedno nie jest już uważane za ostatnie dziecko lub pierwsze dziecko? ... ale tylko dziecko nie działa ...
jQuery(document).ready(function ($) {
var toApp1 = $(".recent_updates > .fp_post:nth-child(4)"),
toApp2 = $(".recent_updates > .fp_post:nth-child(7)"),
toApp3 = $(".recent_updates > .fp_post:nth-child(10)"),
toApp4 = $(".recent_updates > .fp_post:nth-child(13)");
var ad1 = $(".recent_updates > #skippingAds:nth-last-child(4)"),
ad2 = $(".recent_updates > #skippingAds:nth-last-child(3)"),
ad3 = $(".recent_updates > #skippingAds:nth-last-child(2)"),
ad4 = $(".recent_updates > #skippingAds:last");
ad3.appendTo(toApp3);
ad2.appendTo(toApp2);
ad1.appendTo(toApp1);
ad4.appendTo(toApp4);
});
ZAKTUALIZOWANY KOD: (nadal nie działa z klasami, a nie z identyfikatorami (dobrze podkreślić)
jQuery(document).ready(function ($) {
var toApp1 = $(".recent_updates > .fp_post:nth-child(4)"),
toApp2 = $(".recent_updates > .fp_post:nth-child(7)"),
toApp3 = $(".recent_updates > .fp_post:nth-child(10)"),
toApp4 = $(".recent_updates > .fp_post:nth-child(13)");
var ad1 = $(".skippingAds:nth-last-child(4)"),
ad2 = $(".skippingAds:nth-last-child(3)"),
ad3 = $(".skippingAds:nth-last-child(2)"),
ad4 = $(".skippingAds:last-child");
ad3.appendTo(toApp3);
ad2.appendTo(toApp2);
ad1.appendTo(toApp1);
ad4.appendTo(toApp4);
});
Odpowiedzi:
2 dla odpowiedzi № 1Twój wydaje się mieć duplikat IDs
w dokumencie, który powoduje, że Twój HTML jestnieważny. Gdy kod HTML nie jest prawidłowy, otrzymasz niespójne zachowanie z przeglądarki do przeglądarki, ponieważ nie ma specyfikacji dotyczącej obsługi nieprawidłowego kodu HTML, a zatem żadna przeglądarka nie jest zobowiązana do przestrzegania tej specyfikacji.
Sugerowałbym, żebyś zmienił wszystko skippingAds
Identyfikatory do klas, a następnie możesz używać selektorów klas.
0 dla odpowiedzi nr 2
spróbuj ostatnie dziecko
ad4 = $(".recent_updates > #skippingAds:last-child");