I am struggling with the best ways to load a responsive / mobile page, and then I found a jQuery plugin that uncomment things depending on the screen width. I found it perfect since I wouldn't need extra HTTP requests and for the mobile user it will be faster.
But, I stumbled on a problem: this jQuery plugin caot load / render other scripts. You can see in this fiddle I just did: https://jsfiddle.net/g3f88q5k/
<div id="Test">
<!-- @media only all and (min-width:400px)
<script> Whatever </script>
-->
</div>
It unIdea the section I wanted, but the script that makes the twitter a button a twitter button doesn't work.
How can I make it work, if there's any way of doing it?