comment détecter le document de changement de taille dans jquery

donc supposer qu'en cliquant sur quelque chose conduirait à un nouveau contenu chargé à l'écran, d'où la hauteur des modifications du document et, alors qu'auparavant, il n'y a pas de barres de défilement, maintenant qu'il y a des barres de défilement...

comment puis-je détecter quelque chose comme ça se passe à l'aide de jquery

de liaison de l'événement de redimensionnement sur la fenêtre détecte uniquement la fenêtre de redimensionnement alors que la liaison dans le document ne fonctionne pas

OriginalL'auteur kamikaze_pilot | 2011-04-03

  1. 17

    Mise à jour:

    S'il vous plaît ne pas utiliser le DOMSubtreeModified événement. Il est vieux, obsolète et pas bien pris en charge par les navigateurs. Dans 99,9 % des cas, il y a un autre événement que vous pouvez écouter sur. Très probablement, vous êtes une de ces personnes à l'aide de jQuery et un peu d'AJAX trucs, merci donc de prendre un coup d'oeil à leur AJAX docs.

    Ces sont tous les événements disponibles. Vous devrez détecter $(document).bind('DOMSubtreeModified', function() { ... }); et de vérifier la dimension de modifications à la cuisson.

    var height = $(this).height(),
    width  = $(this).width();
$(document).bind('DOMSubtreeModified', function() {
    if($(this).height() != height || $(this).width() != width) {
        recalibrate();
    }
});

    Cet événement est tir chaque temps rien est fait pour les DOM. Par conséquent, il sera ralentissement de votre navigateur.

    Nous devrions obtenir une meilleure alternative. Pourriez-vous nous donner plus d'informations à votre scénario?

    Vous pouvez changer $(document) à $("body") ou quelque chose de similaire.
    eh bien en fait, il y a un bouton et quand un utilisateur cliquez sur le bouton jquery feux de la fonction load() qui charge un autre contenu à partir d'un autre url en utilisant ajax, et de remplacer une div vide avec ce contenu...
    aussi je ne peux pas mettre une fonction dans le load()'appel de retour depuis quand je le fais, la fonction de feux de avant que l'ensemble du contenu chargé, même s'affiche sur l'écran donc bien avant le changement de taille se produit réellement
    Puis il suffit de faire la vérification, lorsque votre contenu est chargé. Cela signifie, que vous devez inclure la vérification de la fonction de rappel de .load().
    ajouter un setTimeout()

    OriginalL'auteur buschtoens

  2. 0

    Voici la solution.

    //ajdust margins when page size changes (ie rotate mobile device)
$(window).resize(function() {
  //Do something more useful
  console.log('doc height is ' + $(window).height());
});

    OriginalL'auteur Nathan Sharfi

  3. -1

    Vous pouvez essayer un pourcentage défilé événement comme celui-ci:
    http://www.jquery4u.com/snippets/jquery-detect-scrolled-page/

    Vous devrez peut-être ajouter une case pour voir si la barre de défilement verticale est présente:

    var hasVScroll = document.body.scrollHeight > document.body.clientHeight;

    OriginalL'auteur Sam