0

我正在尝试在我的网站上使用 Pinterest 的 pin it 按钮。Pinterest“创建按钮”部分的说明是直截了当的，除了我只能选择输入我想要固定的图像的 url。这可能非常费力和多余，尤其是对于在拥有超过一百个页面（包含产品图像的页面）的网站上工作的人。所以我想我会使用一些Javascript（最好是jQuery）来解决这个问题。

这是我的代码。

HTML：

<div id="pinterest"></div>
<!--Sample Image-->
<div id="pic">
    <img id="sampleimage4div" src="images/wonderfulpicture.jpg" />
</div>


<!--SCRIPTS-->
<script type="text/javascript" src="http://assets.pinterest.com....
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/... etc

jQuery 脚本

<script type="text/javascript">
$(document).ready(function(){
    var currentURL = $(location).attr('href');
    var description = encodeURIComponent($(this).attr('title'));
    var imageURL = encodeURIComponent($('#sampleimage4div').attr('src')+currentURL);

$('#pinterest').append('<a href="http://pinterest.com/pin/create/button/?url='+currentURL+'&media='+imageURL+'&description='+description+'"class="pin-it-button"count-layout="horizontal"><img border="0" src="http://assets.pinterest.com/images/PinExt.png"title="Pin It"/></a>');        
}); 
</script>

我能够更改/自定义页面“URL”和“描述”，但由于某种原因我无法获取图像。

有任何想法吗？

4

2 回答 2

1 
var currentURL = $(location).attr('href');
var imageURL = encodeURIComponent($('#sampleimage4div').attr('src')+currentURL);

这些代码行是问题所在。采用

var currentURL = $(location).attr('host')
var imageURL = encodeURIComponent("//" + currentURL + $('#sampleimage4div').attr('src'));
于 2012-05-23T10:04:35.187 回答
0

一旦使用这个：

$('#pinterest').append('<a href="anything"><img src='+imgvariable+'></a>');

你也可以在这里使用：

$('#sampleimage4div').attr('src')+currentURL //at the place of this

采用

$('#sampleimage4div').attr('src','src_which_you_want')
于 2012-05-23T10:02:38.563 回答