Pin it按钮没有弹出?

时间:2013-09-18 14:07:11

标签: jquery pinterest

我成功实现了pin it按钮,它工作正常,只是它不会弹出,它打开新页面。我希望它在弹出窗口中打开。

这是我的代码:

jQuery("#i-cell-" + cnt_rows + "-" + cnt_cells+page)
    .append($("<div>")
    .append($("<a href='//pinterest.com/pin/create/button/?url=https://www.facebook.com/ElmSandBox/app_338950576241266/&media="+encodeURIComponent(items[cnt].item_img)+"&description=Next%20stop%3A%20Pinterest' data-pin-do='buttonPin' target='_top' data-pin-config='above' onclick='storePinterest(\""+items[cnt].item_id+"\")'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png' /></a>")));

1 个答案:

答案 0 :(得分:1)

target='_top'替换为target=_blank

这将打开一个新窗口。

如果你想要一个更传统的弹出窗口(即更小,没有导航栏等),你应该使用一些类似的代码(来自here

<script type="text/javascript">
// Popup window code
function newPopup(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('http://YOUR URL HERE');">Pin it!</a>