sur append() de faire quelque chose

Est-il possible d'ajouter un certain genre d'événement/gestionnaire lorsqu'un élément est ajouté au DOM...?

.cliquez sur(), .modifier(), .keyup (), etc. ressemblent...

J'ai besoin d'obtenir la hauteur d'un élément dès qu'il est ajouté, puis réglez la hauteur à un autre élément

InformationsquelleAutor clarkk | 2011-08-23
  1. 61

    Vous pouvez remplacer la valeur par défaut méthode append et provoquer le déclenchement d'une coutume ajoute l'évènement. Puis de lier un gestionnaire à un élément pour cet événement: http://jsfiddle.net/H8ygx/

    (function($) {
    var origAppend = $.fn.append;

    $.fn.append = function () {
        return origAppend.apply(this, arguments).trigger("append");
    };
})(jQuery);

$("div").bind("append", function() { alert('Hello, world!'); });

$("div").append("<span>");
    • Vraiment jamais pensé primordial apend...Pourquoi n'est-ce pas juste une partie de Jquery? Ce qui me manque? Parce que, y compris ce qui semble comme une évidence très utile pendant l'ajout de jquery.
    • merci.. très belle solution 🙂 kasdega +1
    • Je suppose que ce n'est pas inclus parce que si vous ajoutez un élément à l'aide d'une autre méthode (JS natif, d'autres bibliothèques), l'événement ne serait pas viré!
    InformationsquelleAutor Dennis
  2. 11

    Pour cela, vous pouvez utiliser le "DOMSubtreeModified" de l'événement. Mais il a limité la compatibilité. Voir: http://www.quirksmode.org/dom/events/#t18

    $('#myDiv').live("DOMSubtreeModified", function() { 
    alert('something changed inside #myDiv div');
});

    Ce gestionnaire d'événements va travailler avec tous les DOM méthodes de modification: appendTo(), insertBefore(), insertAfter(), etc.

    • MDN dit "Ajout DOM mutation auditeurs à un document profondément dégrade les performances des autres DOM modifications à ce document (en les rendant 1.5 - 7 fois plus lent!). En outre, en supprimant les auditeurs ne pas inverser les dommages." developer.mozilla.org/en-US/docs/DOM/Mutation_events
    • Voir ici pour les réponse.
    InformationsquelleAutor Dmitriy Naumov
  3. 4

    La accepté de répondre à déclenchera l'événement sur le conteneur à laquelle vous ajoutez, qui peut ne pas être ce que vous voulez. Voici une version qui va déclencher l'événement sur le ou les élément(s) que vous ajoutez. Notez que cela ne fonctionne toujours pas correctement gérer une entrée de la fonction append().

    (function($)
{
    var jqAppend = $.fn.append;
    $.fn.append = function()
    {
        //Make a list of arguments that are jQuery objects
        var appendages = $.makeArray(arguments).filter(function(arg)
        {
            return arg instanceof $;
        });

        //Call the actual function
        var returnValue = jqAppend.apply(this, arguments);

        //Trigger "append" event on all jQuery objects that were appended
        for (var i = 0; i < appendages.length; ++i)
        {
            appendages[i].trigger('append');
        }

        return returnValue;
    };
})(jQuery)
    InformationsquelleAutor FactualHarmony
  4. -3

    Une façon est que si vous faites de l'ajouter vous-même faire une fonction comme:

    function do_append(elem)
{
    elem.append('......');
    //get height of your element
    //set height of another element
}

    ou me dire si cette méthode ne coupe pas pour vous 🙂

    • il n'a pas.. j'ai besoin de savoir si vous pouvez attacher un gestionnaire lorsqu'un élément est ajouté au DOM
    • Ouais désolé, je suis allé à d'autres façon de pensée 🙂
    InformationsquelleAutor BlackDivine