JQuery .load

[maxmozz]

Ciao a tutti,

sto cercando di capire come funziona JQuery ma ho un problemino. Quando premo il pulsante "aggiorna" nella pagina vedi_jq.php dovrebbe caricarmi nel div "lista" il contenuto della pagina prova_jq.php (per provare ho inserito nella pagina un valore che cambia), ma non lo fa. Qualcuno mi sa dire dove sbaglio? Eppure sono due righe di codice.


prova_jq.php

<?php
    $a=time();
    echo $a;
?>

vedi_jq.php

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$("#aggiorna").click(function(){

  $("#lista").load('prova_jq.php');
  
});
</script>

<input type="button" id="aggiorna" value="Aggiorna">

<div id="lista"></div> 

[cavicchiandrea]

Se lo provi con IE potrebbe essere per il "difetto" di cache che a IE, lo risolvi appedendo al url un numero random

[Vindav]

$(function(){
  $("#aggiorna").click(function(){ 
     $("#lista").load('prova_jq.php'); 
   }
});

[maxmozz]

Grazie ragazzi! Io lo sto provando con Firefox, e li non funziona...

Vindav ti ringrazio ma non funziona comunque...

[cavicchiandrea]

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script>
$(function(){ 
$("#aggiorna").live({
click:function(){ 
  $("#lista").load('prova_jq.php'); 
}   
});
}) 
</script> 

<input type="button" id="aggiorna" value="Aggiorna"> 

<div id="lista"></div>

Prova con live

[Vindav]

controlla la console js o meglio ancora usa firebug per vedere se la chiamata va a buon fine.

[maxmozz]

Originariamente inviato da cavicchiandrea

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script>
$(function(){ 
$("#aggiorna").live({
click:function(){ 
  $("#lista").load('prova_jq.php'); 
}   
});
}) 
</script> 

<input type="button" id="aggiorna" value="Aggiorna"> 

<div id="lista"></div>

Prova con live

Grazie, così funziona! Sapresti spiegarmi come mai devo utilizzare questo .live per piacere?

Grazie anche a te Vindav! Con Firebug sembra tutto regolare!

EDIT: Ragazzi, scusate l'ulteriore domanda. Supponiamo che io creo una lista di link e in base al link che ho premuto deve passare alla pagina prova_jq.php un valore in GET (prova_jq.php?v=valore). Come faccio a far capire alla funzione quale bottone ho premuto? Immagino bisogni passare un parametro alla funzione stessa, giusto? Come faccio? In Javascript utilizzerei onClick, ma qua?

[cavicchiandrea]

Premesso che la parte teorica e il mio "tallone di achille" credo che click sia un evento obsoleto riferito alla versione di libreria che usi.
Per quanto concerne passare dei valori alla pagina puoi passarli cosi $("#lista").load('prova_jq.php?variabile='+valore) ; ma ci sono anche altri modi http://api.jquery.com/load/ anche identificare il link/tasto e troppo vasta da spiegare studiati le api.jquery

[Vindav]

i link vengono creati dinamicamente? in altre parole vengono inseriti nella struttura html dopo che la pagina è stata caricata? Se la risposa è si, il motivo per cui devi utilizzare live è questo. Se la risposta è no allora significa che ci stai omettendo qualche informazione.

[maxmozz]

Originariamente inviato da Vindav
i link vengono creati dinamicamente? in altre parole vengono inseriti nella struttura html dopo che la pagina è stata caricata? Se la risposa è si, il motivo per cui devi utilizzare live è questo. Se la risposta è no allora significa che ci stai omettendo qualche informazione.

Si si, verrebbero creati dinamicamente (estrazione da DB).

Comunque grazie ad entrambi.

Non mi è chiaro però come passare il valore alla funzione. Come fa a capire quale link ho premuto? Con Javascript farei un getElementById e sarebbe risolto il problema, ma con JQuery? Non posso nemmeno attribuire l'evento onClick all'elemento da quanto ho capito...