JQuery - Ajout d'événement de changement à la liste déroulante

Le code HTML de base pour mon déroulant a une chance de changer et j'ai essayé de le configurer à l'aide de la .live option plutôt que de la .change option. il ne fonctionne pas pour moi.

Ce que j'ai actuellement est:

$("#ItemsPerPage").change(function(e) { return updatePaging(); });

Malheureusement, si je mettre à jour cette commande via $.ajax il perd de la définition de l'événement. Ce que j'ai essayé, et ne travaille pas, est:

$("#ItemsPerPage").live("change", function(e) { return updatePaging(); });

Toutes les pensées?

InformationsquelleAutor Keith Barrows | 2009-05-07
  1. 23

    Au lieu de reconsolidation du <select> à chaque fois, vous êtes mieux de juste en remplaçant son contenu (la liste des <option> éléments) à la place.

    Donc utiliser ce que vous êtes déjà:

    $("#ItemsPerPage").change(function(e) { return updatePaging(); });

    mais lorsque vous mettez à jour, il vous suffit de changer son contenu ( où newSelectElement est le nouveau <select> élément):

    function updateItemsPerPage( newSelectElement ) {
    $("#ItemsPerPage").empty().append( newSelectElement.childNodes );
}

    De cette façon, la liaison n'aurez pas besoin d'être actualisée car le nœud lui-même n'est pas échangé.

    InformationsquelleAutor Jed Schmidt
  2. 3

    D'élaborer sur samiz de la suggestion, vous aurez besoin de faire quelque chose comme ceci:

    $(function() {
    bind_items_per_page();
});

function bind_items_per_page() {
    $("#ItemsPerPage").unbind('change').bind('change',function() { 
        updatePaging(); 
    });
}

function updatePaging() {
    $.post('/some/script',{foo:'bar',bar:'foo'},function(data) {
        /* what ever you need to do */
        //And assuming what ever you did above changed your select box...
        bind_items_per_page();
    });
}
    InformationsquelleAutor KyleFarris
  3. 2

    L'événement de changement n'est pas pris en charge par live(). Comment au sujet de l'exécution d'une fonction à la fin de chaque appel AJAX qui affecte la définition de l'événement?

    InformationsquelleAutor samiz