jquery est seulement exécuté 1 fois

Question

J'ai une fonction dans jquery qui ressemble à ceci.

function interceptFilter(e){ 
    $.ajax({ 
    type: "POST", 
    data: $('#formContent form').serialize(), 
    url: "index.php?page=filter", 
    timeout: '3000', 
    error: function(XMLHttpRequest, textStatus, errorThrown){ 
    alert('Error loading HTML document: ' + textStatus + ' - ' + 
    errorThrown); 
    }, 
    success: function(data, textStatus){ 
    var dagFilter = $('#filterDag :selected').text(); 
    var zaalFilter = $('#filterZaal :selected').text(); 
    var genreFilter = $('#filterGenre :selected').text(); 
    $('#formContent>form').remove(); 
    $('#formContent').html(data); 
    $('#filterDag').val(dagFilter); 
    $('#filterZaal').val(zaalFilter); 
    $('#filterGenre').val(genreFilter); 
    } 
}); 
return false; 
} 

Sa forme que je supprime et rechargeant, la fonction obtient Callen lorsqu'un selectbox est sélectionné, mais le problème est que cela fonctionne seulement 1 fois, lorsque le formulaire est readded alors les gestionnaires sont partis.

quelqu'un sait comment je peux résoudre ce problème?

Answer 1

Essayez d'utiliser .live() pour attacher les gestionnaires.