Twitter Button not showing up in IE9

Question

Hello Stackoverflow Community,

I'm currently facing an awkward problem with the twitter follow button I'm trying to integrate into a webpage. In every browser except IE9 my twitter button is showing up. In IE9 it sometimes does and sometimes not.

<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php echo constant('TWEET_LINK');?>" data-text="<?php echo constant('TWEET_TEXT');?>" data-count="none" data-hashtags="<?php echo constant('TWEET_HASHTAG');?>">Tweet</a>           
<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>    

What could cause this problem?

Answer 1

use jslint on this javascipt to se that ! is not valid. Remove ! from start of it and make it pass jslint.

I don't want to start flamewar but simply use semicolons helps a lot with IE

function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");

should be ok.