Question

我有三种不同的方法可以添加Twitter代码来加载Twitter按钮，这似乎与我几乎完全相同，但由于某些原因，只有两个可以工作。

以下是我在HTML中定义Twitter按钮的方法：

<a href="https://twitter.com/share" class="twitter-share-button" data-size="large" data-count="none">Tweet</a>

这是一个有效的方法，只需在页面中嵌入JavaScript代码：

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

这是第二种方法，将此函数放入单独的文件并在页面加载时加载此文件：

<script>
    $(window).bind("load", function() {
       // js/social.js just contains the same code that 
       // was in <script> tag in previous example
       $.getScript('js/social.js', function() {});
    });
</script>

但如果我只是通过标签包含js / social.js文件，它就不起作用：

<!-- js/social.js here has the same content as in the previous example -->
<script type="text/javascript" src="js/social.js"></script>

并且图片无法加载。

你能解释一下这些变化之间的区别吗？

我使用的是Firefox 40.0.3

如果Twitter代码位于单独的文件中，为什么不加载Twitter按钮

0 个答案: