Jquery Événement onChange pour Div

J'ai une page avec les deux divs:

<div id="searchResults">
</div>

<div class="postSearchOptions" style="display: none;">
</div>

Est-il une manière que je peux faire de la "postSearchOptions" div apparaissent lorsque le "searchResults" div est mise à jour par un appel AJAX? Je n'ai pas de contrôle sur les appels AJAX et je veux détecter tout changement dans l' "searchResults" div.

J'ai essayé d'écrire la suite de JQuery, mais alors réalisé qu'il nécessite Jquery 1.4 et je n'ai qu'1.3:

$("#searchResults").live("change", function() {
    $(".postSearchOptions").css("display", "inline");
});

Est-il possible d'attraper le cas de la searchResults div changer en utilisant soit la norme JavaScript ou Jquery 1.3? Merci!

  • Pouvez-vous mettre à niveau vers jQuery 1.4?
  • ce qui est en 1.4 qui ferait quelque chose comme le feu d'un événement lorsque le DOM est mis à jour? La seule chose que je sais de cette offre qui est LiveQuery.
  • De rien, j'ai mal compris la question. Cependant, il devrait quand même passer à 1,4; c'est plus rapide.
  • Comment puis-je utiliser LiveQuery pour détecter la mise à jour?
InformationsquelleAutor David | 2010-04-14
  1. 0

    Je ne pense pas que l'événement onchange se déclenche si vous êtes en programmant la modification de la innerHTML. Pourquoi ne pas vous montrer le Post d'options de Recherche sur la réception de ces " le changement c'est à dire pourquoi ne pas l'inclure en tant que dernière ligne de votre ajax succès de la méthode.

    HTH

    • Ainsi, les méthodes AJAX sont partagés sur l'ensemble du site et à l'écrit dans le DOJO de 0,4 j'ai donc été dans l'espoir d'éviter d'avoir à les changer. Je vais prendre un coup d'oeil sur eux et voir si il ya un moyen simple de mise en œuvre dans l'appel AJAX. Cependant, je préfère un jquery solution si possible.
    InformationsquelleAutor Raja
  2. 1

    Si l'AJAX appels sont effectués à l'aide de jQuery, vous pouvez appeler la poignée de la global ajaxComplete de l'événement et de l'exécution de votre code.

    InformationsquelleAutor SLaks
  3. 0

    Vous pouvez utiliser setInterval pour le regarder, mais comme d'autres l'ont dit, il serait plus agréable pour détecter le changement dans l'ajax de rappel. Voici un esquisse de ce qu'est un plugin ressemblerait à "regarder" un nœud, comme vous essayez de le faire avec le live:

    jQuery.fn.watch = function() {
  this.each(function() {
    var original = $(this).html();
    setInterval(function() {
       var newHtml = $(this).html();
       if (newHtml != original) {
         $(this).trigger('change');
         original = newHtml;
       }

    }, 500);

  } );
}
    InformationsquelleAutor ndp
  4. -1

    au travail, de la faire....

    jQuery.fn.watch = function() {
      this.each(function() {
        var obj = $(this);
        var original = $(this).html();
        setInterval(function() {
           var newHtml = $(obj).html();
           if (newHtml != original) {   
            $(obj).trigger('change');
            original = newHtml;
           }

        }, 500);

       } );
}
    InformationsquelleAutor Andre Fontes