[jQuery][AJAX] Pobranie danych i link przeładowuje stronę Opcje

[grzesiek_g]

Witam

Mam prosty błąd. W kodzie z zewnętrznego pliku js:

[HTML] pobierz, plaintext 
$().ready(function() {
    $("#project-nav a").click(function() {
        var project;
        $.ajax({
            type: "GET",
            url: "http://example.com/beta.php",
            data: "ajax=1&project_id=+zmienna,
            success: function(msg){
                $('#project_inner').replaceWith(msg);
            }
        });
        return false;
    });
});
[HTML] pobierz, plaintext 

Wszystko działa ok, ale do pierwszego wywołania kodu, po poprawnym pobraniu danych i zamianie elementu linki, które się znajdują w uaktualnionym elemencie przestają działać zgodnie z założeniem, tzn. nie jest wywoływana akcja zapytania AJAX tylko strona jest przeładowywana.

Wiem, że tak się dzieje ponieważ powyższy kod odnosi się do stanu po załadowaniu strony tradycyjnym żądaniem, po aktualizacji żądania AJAX-em nie ma zastosowania kod w $().ready - ale jedynie do tego uaktualnionego elementu.

Ale zamieszałem, mam nadzieję, że ktoś zrozumie i podpowie jak to rozpisać by działało - dodawanie atrybutów w stylu onclick do linków raczej odpada.

[lord_t]

Podmień swój kod tym:) (pisałem z palca, ale chyba nic nie pokręciłem):

Kod

function aX(ojciecId){

$("#"+ojciecId+" a").click(function() {

var project;

$.ajax({
type: "GET",
url: "http://example.com/beta.php",
data: "ajax=1&project_id=+zmienna,
success: function(msg){
$('#project_inner').replaceWith(msg);
aX('project_inner');
}
});

return false;

});

}

$().ready(function() {
aX('project-nav');
});