sélectionner les éléments dom après html a été inséré dans une page avec ajax

J'ai créé une requête ajax onglet de navigation avec le html étant inséré dans la page. le code ressemble à ceci:

$.ajax({
        type: 'POST',
        url: 'main/ajaxjson/load_course_details',
        data: {page : which, course_id: id},
        success: function(home){

            $('#ajax-content ').hide();
            $('#ajax-content').empty().append(home);
            $('#ajax-content').fadeIn(); 
        }

    });

ok...donc, je joins mon balise dans mon code html. Maintenant, j'ai besoin de sélectionner des éléments du dom à partir de l'insertion de html, mais je ne peux pas. J'ai le code suivant:

<a href="javascript:;" class="light-button">Next</a>
<select id="chapters-select">
    <?php foreach ($chapters as $chapter) : ?>
    <option value="<?php echo $chapter->id; ?>"><?php echo $chapter->title; ?></option>
    <?php endforeach; ?>
</select>

Ici, je générer l'sélectionnez options dynamiquement. Lorsque j'essaie de le faire:

$('#chapters-select').change(function(){
    alert('changed');
});

il ne fonctionne pas.
Comment puis-je utiliser javascript après je ajouter le code html via ajax ?

Semble bien fonctionner pour moi: jsfiddle.net/fyg6m Où en êtes-vous liant le gestionnaire d'événement?
Il a écrit qu'il est l'ajout de contenu avec ajax donc ça doit être un délégué d'événement de problème.
Sans doute, mais qui implique que les éléments sont sélectionnés avant ils ont été insérés par l'Ajax, ce qui est contraire à ce titre. Néanmoins, je suis d'accord avec vous.
Pourquoi êtes-vous de l'ouverture et de la fermeture, le moteur PHP?

OriginalL'auteur Mythriel | 2012-02-27

  1. 24

    Utilisation délégué d'événement comme on pour la version 1.7+

    $('body').on('change', '#chapters-select', function(){
    alert('changed');
});

    Pour augmenter les performances au lieu de body vous devez écrire le plus proche de la statique(Pas encore ajouté dynamique avec ajax ou javascript) d'un élément qui contient "chapters-select

    Si vous utilisez une version plus ancienne de jQuery de choisir la méthode appropriée par le tableau suivant: 

    $(selector).live(events, data, handler);                //jQuery 1.3+  
$(document).delegate(selector, events, data, handler);  //jQuery 1.4.3+  
$(document).on(events, selector, data, handler);        //jQuery 1.7+

    on docs:

    Quand un sélecteur est fourni, le gestionnaire d'événement est désigné comme délégué. Le gestionnaire n'est pas appelée lorsque l'événement se produit directement sur l'élément lié, mais seulement pour les descendants (éléments internes) qui correspondent au sélecteur. jQuery bulles de l'événement à partir de la cible de l'événement jusqu'à l'élément sur lequel le gestionnaire est attaché (c'est à dire, plus intime ultrapériphériques de l'élément) et exécute le gestionnaire de l'un des éléments le long du chemin d'accès correspondant au sélecteur.

    Les gestionnaires d'événements sont liés uniquement pour les éléments sélectionnés; ils
    doit exister sur la page au moment de votre code fait l'appel .sur().
    Pour s'assurer que les éléments sont présents et peuvent être sélectionnés, effectuez événement
    la liaison à l'intérieur d'un document prêt gestionnaire pour les éléments qui sont dans le
    Balisage HTML sur la page. Si le HTML est injecté dans la page,
    sélectionnez les éléments et les attacher des gestionnaires d'événement après le nouveau code HTML est
    placé dans la page. Ou, utilisez les délégués des événements pour attacher à un événement
    gestionnaire, comme décrit par la suite.

    Ou tout simplement de paramétrer le gestionnaire d'événement dans la fonction de rappel pour l' $.ajax.
    je vous remercie. il est de travail. je ne comprends pas pourquoi ça ne marchait pas avant, mais je recherche c'
    habituellement, Il est recommandé de faire les choses à la fois et dans un seul endroit.
    Lire les docs que j'ai ajouté et référencé, Il devrait répondre à toutes vos questions et de vos pensées.
    d'accord. SEC.

    OriginalL'auteur gdoron

  2. 1

    Exécuter cette fois, après la première charge.

    $("body").delegate('#chapters-select','change', function(){
    alert('changed');
});

    C'est l'équivalent de @gdoron réponse, mais est compatible avec les versions de jQuery âgés de plus de 1.7

    OriginalL'auteur wheresrhys