Jquery déclencheur sur le corps redimensionner

J'ai une page qui a un contenu qui est modifié par javascript. Je veux créer une sorte d'écouteur d'événement qui se déclenche lorsque le contenu de la modification de la taille. Je ne veux pas que cette:

$(window).resize(...);

Cela déclenche lorsque la taille de la fenêtre de changements - par exemple lorsque l'utilisateur modifie la taille de la fenêtre du navigateur. J'ai essayé ceci:

$('body').resize(...);

Cependant, il ne déclenche pas. Comment puis-je créer un événement qui se déclenche lorsque les causes de contenu la taille de la page à modifier? Je suis aussi ouverte à la plaine de javascript solutions.

  • veillez à faire cela, car cela peut déclencher des centaines d'événements par seconde
  • si le contenu est la seule chose qui est modifié par redimensionner, pensez à utiliser les mediaqueri.es
  • Avez-vous besoin d'elle dès qu'elle a changé? Sinon vous avez configuré des intervalles de vérifier la taille de l'défini précédemment, si sa changé faire de votre stuff
  • Yep, c'est l'une de mes dernières stations si je ne peux pas trouver autre chose. Soit ça, ou trouver partout qui modifie le DOM (ce qui est beaucoup de lieux) et ajouter un appel de fonction.
  • Donc, ce qui peut provoquer le contenu de redimensionner? Un appel AJAX? Pourquoi ne pas simplement appeler la fonction après l'AJAX est de retour? Ou, vous pouvez jeter un $("body").trigger("contentresize") Chaque fois que vous faites quelque chose qui va changer le flux de la page.
  • Yep, je pouvais le faire, mais j'ai beaucoup de lieux de modifier le DOM. Si il n'y a aucun moyen de le faire avec un événement, je vais le faire.

InformationsquelleAutor Joel | 2012-12-12
  1. 9

    Par défaut de jQuery ne permet d'utiliser que de l'événement sur window mais il y a au moins un plugin là-bas qui vous permettra de le lier à d'autres éléments. Je recommande l'utilisation que.

    Avec ce que vous pourriez faire quelque chose de semblable, comme 

    $("#unicorns").resize(function(e){
    //do something when #unicorns element resizes
});
    InformationsquelleAutor gotohales
  2. 1

    U peut utiliser une telle approche:

    $(elem).append('<iframe id="frame0" name="frame0" width=100% height=100% style="position:absolute;top:0px;z-index:-1"></iframe>');
frame0.onresize = function() {
    //..do something ””
}

    Et cela va déclencher sur chaque elem changement de taille;)

    InformationsquelleAutor ToNiK