Salve,
ho un semplice file di navigazione (1.html) che, tramite ajax load, carica solo un div di un secondo file di contenuto (2.html).
Quello che ora vorrei riuscire a fare è di utilizzare i link del div di contenuto appena caricato (2.html), per caricare altri div di contenuto - in sostanza per sostituire se stesso -, sempre tramite ajax load.
Attualmente, caricato il primo div di contenuto (2.html) all'iterno del file di navigazione (1.html), cliccando nei link di contenuto, jquery non viene visto e il file di navigazione (1.html) viene sostituito dal contenuto (2.html).
Domando: tramite jquery c'è modo di utilizzare ajax load anche in div caricati tramite ajax load?
Questo il codice del file di navigazione (1.html):
Questo il codice del file di contenuto (2.html):codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".uno a").click(function(){ $("#content").empty().html('...'); var page = $(this).attr('href'); var myDiv = $(this).html(); // Load $('#content').load(page + ' #' + myDiv, function(response, status, xhr) { if (status == "error") { $("#content").html("Errore: " + xhr.status + " " + xhr.statusText + " (" + page + ")"); } }); return false; }); }); </script> </head> <body> <ul class="uno"> [*]tre [*]quattro [*]cinque [*]error[/list] <div id="content"></div> </body> </html>
codice:<div id="tre"> Div id tre: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.</p> <ul class="uno"> [*]tre [*]quattro [*]cinque[/list] <hr> </div> <div id="quattro"> Div id 4: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.</p> <ul class="uno"> [*]tre [*]quattro [*]cinque[/list] <hr> </div> <div id="cinque"> Div id 5: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.</p> <ul class="uno"> [*]tre [*]quattro [*]cinque[/list] <hr> </div>
Rispondi quotando