jQuery Girl
  1. jQuery Girl
  3. Impossible de déclencher une fonction jQuery avec scroll sur une div particulière
Intereting Posts
Comment accéder aux données d’un tableau masqué dans un DS.PromiseArray Comment modifier le tabindex sur le curseur Handle de l’interface utilisateur de jQuery? Comment pouvons-nous définir la position appropriée de la suppression d’un élément HTML avec jQuery? knockout js css plusieurs liaisons de classe Pourquoi ce diaporama ne fonctionne-t-il pas? Capturer un événement d’impression via jQuery Comment changer l’arrière-plan du bouton extjs survolé et pressé dynamicment Comment créer des tranches d’un graphique à secteurs multi-niveaux de manière dynamic Comment désactiver un bouton d’envoi lorsque la demande AJAX est en cours et l’activer après avoir reçu une réponse AJAX réussie? RactiveJS événements sur sortingple moustache chargement dynamic d’images jQuery Utilisez jQuery pour modifier une deuxième liste de sélection en fonction de la première option de liste de sélection Supprimer l’URL de destination du lien en bas de la page du navigateur boutons cliquables au lieu de boutons radio Transformer un sélecteur css jQuery complexe en contexte de mise en cache

Impossible de déclencher une fonction jQuery avec scroll sur une div particulière

Version courte: ça marche 

$(document).on("click",".Container",function(){})

Cela ne veut pas: 

 $(document).on("scroll",".Container",function(){})

Version longue: je suis désolé, mais envoyer un extrait de code n’est pas faisable car il s’agit d’une interface complexe ressemblant à une application, mais je vais essayer d’expliquer le problème au mieux de mes capacités:

  • Site Web mobile réactif qui charge différentes interfaces en fonction de l’écran de l’écran.
  • La plus petite interface composée de 3 parties – navigation en haut, recherche en bas et contenu au milieu.
  • Le contenu est principalement chargé lors de l’utilisation et non lors du chargement de la page.
  • Je dois activer une fonction lorsque le contenu défile, à la fois de haut en bas et à la volée, et pas seulement au-delà d’un certain point.
  • Je peux toujours faire défiler, cela ne déclenche tout simplement pas comme un événement.
  • J’ai essayé tout ce que j’ai trouvé en vain, de ma courte expérience et de ce que j’ai lu. Je pense que cela a peut-être à voir avec le fait que scroll ne bouillonne pas de la même façon que click, mais je n’ai aucune idée de quoi. Je devrais faire ou essayer avec cette information.
  • Bien que cela ne semble pas influer sur mon problème (le résoudre ne résout pas le problème), je dois dire que j’utilise hammer.js pour simuler des événements tactiles, car cela pourrait influencer la solution.

Merci d’avance pour toute l’aide.

Au-delà de ce point, je vais éditer avec des suggestions qui n’ont pas fonctionné …

Je pense que c’est parce que l’événement de défilement ne bouillonne pas et que vous ajoutez l’auditeur comme délégué, vous devez l’append directement: 

 $('.Container').on('scroll',function(){});

Plus d’informations à ce sujet dans: https://api.jquery.com/on/

Avec l’aide de @A. Wolf et @ M.Doye j’ai trouvé quelque chose qui fonctionne. Bien que cela n’aide pas à comprendre ce qui ne va pas, au moins, cela fonctionne. 

 document.addEventListener('scroll',function(event){ if(event.target.className==='Container'){ insert magic spell here } },true);