Appliquer les fonctions de jquery aux éléments chargés

Question

J'essaie d'appliquer des fonctions sur l'élément chargé, je recherche sur le web mais je ne comprends pas quoi faire.

Quelqu'un peut-il me dire quoi faire?

Exemple:

<script> 
// checkbox cheque 
$("#cheque").click(function() { 
     if($("#cheque").is(":checked")) 
     { 
      //alert('Cheque is checked'); 
      $("#load_cheque").load("./server/mode_paiement.php?cheque=1"); 
     } 
     else 
     { 
      //alert('Unchecked Cheque!!'); 
      $("#load_cheque").empty(); 
     } 
    }); 
    </script> 

Et ceci est l'élément à charge:

<label for=" echeance " class="form-label size-120 fl-space2">Echéance: <span class="required">*</span></label> 
<input type="text" id="echeance" class="required text fl-space2 datepicker-inline" name="echeance" /> 

que vous remarquez qu'il est "datepicker-ligne" .. le Probleme est que datepicker ne fonctionne pas sur la entrée chargés

Merci :)

Answer 1

Vous devez utiliser 'live' lors de la liaison de votre datepicker, comme ceci:

$('.datepicker-inline').live('click', function() { 
     $(this).datepicker({showOn:'focus'}).focus(); 
}); 

(sans vergogne levée de this other question)

Sinon, votre code de liaison datepicker ne verra pas les nouveaux éléments à convertir en datepickers (ils n'existaient pas lors de sa première exécution), et vous obtenez votre comportement actuel.

Answer 2

Vous pouvez mettre un rappel dans le load appel, qui sera appelée lorsque le nouveau contenu a été ajouté:

$("#load_cheque").load("./server/mode_paiement.php?cheque=1", function(){ 
    // Here you can fix the loaded content 
});