Pinterest板小部件链接不工作

Question

我正试图使用从pinterest找到这里的个人资料小部件。在我的网站，它加载完美，但如果我点击图片链接不工作。

我试着在一个新的ASP MVC项目上做同样的事情，它工作得很好。

这是我使用的代码:

<a data-pin-do="embedUser" href="http://www.pinterest.com/mysite/" data-pin-scale-height="295" data-pin-board-width="310">Visit MySite profile on Pinterest.</a>
<!--pintrest-->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Answer 1

正如Matthew指出的，可能是前缀的问题。但是您还需要在脚本本身中修复一个。只需遵循url，复制并粘贴目标代码(而不是调用所提供的代码)。向资产URL添加http前缀。就是这样。

<script>!function(a,b,c){var d,e,f;f="PIN_"+~~((new Date).getTime()/864e5),a[f]||(a[f]=!0,a.setTimeout(function(){d=b.getElementsByTagName("SCRIPT")[0],e=b.createElement("SCRIPT"),e.type="text/javascript",e.async=!0,e.src=c,d.parentNode.insertBefore(e,d)},10))}(window,document,"http://assets.pinterest.com/js/pinit_main.js");</script>

Answer 2

如果您从硬盘本地运行文件，则路径可能无法正确呈现，因为src属性或脚本标记以//为前缀。这意味着当试图检索额外的项目时，如果这些链接也以'//'为前缀，它将使用文件前缀而不是http。将其更改为以下内容，看看是否有效:

<script type="text/javascript" async src="http://assets.pinterest.com/js/pinit.js"></script>