Problem po przeładowaniu zawartości diva ajaxem, Bez przeładowania strony - menu zostaje po staremu. Opcje

[Bart123]

Nawet nie wiem jak to opisać. Pierwszy raz spotkałem się z takim problemem.


Chciałbym aby po kliknięciu na link, ajax nie tylko zmieniał zawartość diva co już osiągnąłem. Mógłby także zmieniać link a na tzw. current_menu_item, co by zmieniało np. kolor linka pokazując, że jesteśmy właśnie na tej stronie.

Bez przeładowania strony, zwykły css nie działa przy ajaksie.

Znalazłem coś takiego ale jeżeli ktoś mógłby wyjaśnić mi, gdzie to coś wkleić, byłoby miło.


$(function() {
$('#nav ul li a').click(function() {
$('#nav ul li a').each(function() {
$(this).removeClass('selected');
});
$(this).addClass('selected');
});
});

Podejrzewam, że powinno to w moim przypadku wyglądać tak:

$(function() {
$('.main-navigation li a').click(function() {
$('.main-navigation li a').each(function() {
$(this).removeClass('current-menu-item > a'); ----> tak klasa wygląda w wordpress twenty-twelve.
});
$(this).addClass('current-menu-item > a');
});
});


Ale żeby to zadziałało, trzeba to gdzieś umieścić by wywołać funkcję więc nadal jestem tam gdzie byłem. Czy taką funkcję można wywołać bezpośrednio w divie?

Ten post edytował Bart123 22.09.2014, 19:17:45

[Pyton_000]

masz to wywołać PO odebraniu ajax. W jQ metona success

[Bart123]

Mniej więcej kumam. Muszę jeszcze tylko coś znaleźć na temat tej metody success bo szczerze mówiąc jeszcze do tego nie doszedłem. Szukam.

Ten post edytował Bart123 23.09.2014, 10:23:18

[Turson]

Kod

$.ajax({
    url: 'jakis link',
    success: function(){
        // O TUTAJ
    }
})