Pourquoi mon flux JavaScript JavaScript ne fonctionne-t-il pas dans Internet Explorer?

Question

Nous développons une nouvelle conception de helpcurenow.org, et nous avons mis en place un fil Twitter dans le pied de page. (Je suis la conception & gars avant, mon collègue est le script & backend guy).

Tout va bien avec le fil Twitter dans tous les principaux navigateurs sauf Internet Explorer, version 8 et plus tard.

Cependant, nous n'avons aucune idée de la raison pour laquelle IE ne tire pas du tout l'alimentation. Des indices?

http://betawww.helpcurenow.org/ (regarder en bas de page)

Answer 1

Je l'ai trouvé! Le problème est avec l'affectation li.innerHTML =. En gros, vous nourrissez le script Twitter un modèle quelque part, qui ressemble à

"<li class="ftr-tweet"><p>%text%</p><a href="http://twitter.com/%user_screen_name%/statuses/%id%" class="ftr-tweetTimestamp">%time%</a></li>" 

Mais malheureusement, Twitter a déjà créé un <li> et veut seulement obtenir son intérieur HTML. Qu'est-ce qui se passe maintenant, c'est que vous insérez un <li> dans le <li> créé par Twitter ... que la plupart des navigateurs acceptent, mais IE8 ne le fait pas. Il n'acceptera tout simplement pas le HTML incorrect, ce qui est bien entendu un principe très noble pour Microsoft. Voir http://www.theogray.com/blog/2009/06/internet-explorer-unknown-runtime-error. Par conséquent, la solution quitte la li de votre modèle. Mais alors vous n'aurez plus la classe ftr-tweet ... Alors remplacez-la par <span> et tout va bien avec le monde.

"<span class="ftr-tweet"><p>%text%</p><a href="http://twitter.com/%user_screen_name%/statuses/%id%" class="ftr-tweetTimestamp">%time%</a></span>"