Pinterest分享HTML链接错误

时间:2014-10-05 16:47:06

标签: javascript jquery html pinterest

我遇到了与我分享到Pinterest'链接。如果有帮助,我会JSFiddle

基本上url部分没有被带到我的新弹出窗口中:' - (

这里也是我的Javascript:

$('.share.pinterest').click(function(e){
        e.preventDefault();

        var target = $(this),
            url = target.data('url') || "";

        var width  = 575,
            height = 400,
            left   = ($(window).width()  - width)  / 2,
            top    = ($(window).height() - height) / 2,
            gplus    = 'https://www.pinterest.com/pin/create/button/?url='+ url + '',
            opts   = 'status=1' +
                     ',width='  + width  +
                     ',height=' + height +
                     ',top='    + top    +
                     ',left='   + left;


        window.open(gplus, 'Pinterest', opts);

    });

非常感谢任何帮助&关于这个问题的指导。

2 个答案:

答案 0 :(得分:1)

使用encodeURIComponent()

url参数进行编码
gplus = 'https://www.pinterest.com/pin/create/button/?url='
        + encodeURIComponent(url)

编辑:

这是因为pinterest正在重定向你的网址:

https://www.pinterest.com/join/?next=/pin/create/button/

在通过pinterest完成的重定向过程中,它会为您编码url并将您输入的静态URL更改为查询字符串版本。所以你可能想要提交这样的请求:

https://www.pinterest.com/join/?next=/pin/create/button/&url=

答案 1 :(得分:0)

<a href="http://www.pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?> - <?php echo get_permalink(); ?>" id="pinterest" target="_blank">Pinterest Pin It</a>