L'événement Click ne fonctionne pas sur le contenu Ajax chargé

Question

Je charge du contenu en utilisant ajax à partir de fichiers HTML externes. Ne sachez pas pourquoi après le chargement du contenu, l'événement click ne fonctionne pas en safari (safari mobile) sur aucun des éléments nouvellement chargés (ul, li, images, etc.). Cependant, cela fonctionne dans mozilla.

Je ne suis pas en mesure de comprendre la question exacte derrière tout cela. Veuillez me conseiller la solution. Voici le code de référence.

Note: J'utilise le code ci-dessous en fonction prêt jquery. Est-ce que jquery est la cause de l'issue ??

var currentBottle = this.title; var request = createRequest(); if (request == null) { alert ("Impossible de créer la requête"); retour; } request.onreadystatechange = showContent; request.open ("GET", currentBottle + ".html", true); request.send (null); { if (request.readyState == 4) { if (request.status == 200) { document.getElementById ("food_scroller") innerHTML = request.responseText

fonction showContent(). }} }

Answer 1

Dans Safari le type de contenu peut parfois la matière, assurez-vous que le type de réponse est défini comme text/html. Aussi dans votre contenu AJAX chargé, vous devriez essayer de ne pas avoir de balises <script> Je ne pense pas que Safari les respecte parfois.

Peut-être essayer d'utiliser jQuery de $.load() pour obtenir le contenu HTML compatible cross-browser (ci-dessous correspond à votre createRequest et fonctions showContent):

var currentBottle = this.title; 
$.load(currentBottle + ".html", 
    function(responseText,textStatus,XMLHttpRequest){ 
     $("#food_scroller").html(responseText); 
     //bind you on click events here 
     $("#food_scroller").find("ul, li, images").click(myClickFunction); 
    } 
); 

Dernière question

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Questions connexes

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.