Come chiamare jQuery AJAX all'evento click?

Question

Ho creato un modello jQuery.

Sto cercando di popolare i dati utilizzando AJAX all'interno di quel modello.

Mi viene restituito un ID e utilizzo che voglio popolare i dati utilizzando AJAX.

Come dovrei chiamare AJAX all'evento click?

C'è qualche altro evento quando il modello viene aperto o caricato?

Il modello è solo la visualizzazione e l'occultamento di div.

Answer 1

Semplicemente usando:

JS:

$(document).ready(function(){ 
    $('a.pop').click(function() { 
    var popID = $(this).attr('rel'); 
    $.get('content.php', { ref:popID }, function(data) { 
     $(popID+'Container').html(data); 
     $(popID).dialog(); 
     alert('Load was performed.'); 
    }); 
    return false; // prevent default 
    }); 
}); 

HTML:

<div id="example" class="flora" title="This is my title"> 
    I'm in a dialog! 
    <div id="exampleContainer"></div> 
</div> 
<a href="#" id="clickingEvent" class="pop" rel="example">click to launch</a> 

Non è testato, ma come la vedo io, dovrebbe funzionare ...

Answer 2

Quasi ce l'hai, è necessario evitare che l'azione di default, che è quello di seguire il href nel link, in modo da aggiungere o event.preventDefault() o return false, in questo modo:

$('a.pop').click(function(e) {      //add e param 
    var popID = $(this).attr('rel'), 
     popURL = $(this).attr('href'); 
    $.get("content.php", { ref:id}, function(data) { //did you mean popID here? 
    alert("Data Loaded: "+data); 
    }); 
    e.preventDefault(); //or return false;   //prevent default action 
});