Question

我无法弄清楚为什么这个javascript无法正常工作。我试图将它打开作为一个pinterest共享按钮的弹出窗口，但它继续作为标签打开，我已经尝试了几个小时。任何线索都会很棒，因为这似乎是一个简单的解决方案。

<a href="<?php echo 'http://www.pinterest.com/pin/create/button/?url=' . $url . '&media=images/article_images/original/' . $article_image . '&description=' . $article_quote . ''; ?>" 
onClick="return pinterest_click(400, 300)" target="_blank" title="pinterest">0</a>

function pinterest_click(width, height)
{
    var leftPosition, topPosition;
    leftPosition = (window.screen.width / 2) - ((width / 2) + 10);
    topPosition = (window.screen.height / 2) - ((height / 2) + 50);
    var windowFeatures = "status=no,height=" + height + ",width=" + width + ",resizable=yes,left=" + leftPosition + ",top=" + topPosition + ",screenX=" + leftPosition + ",screenY=" + topPosition + ",toolbar=no,menubar=no,scrollbars=no,location=no,directories=no";
    u=location.href;
    media=<?php echo 'images/article_images/original/' .$article_image ?>;
    description=<?php echo $article_quote;?>;
    window.open('http://pinterest.com/pin/create/button/?url='+encodeURIComponent(u)+'&media='+encodeURIComponent(media)+'&description='+encodeURIComponent(description),'sharer', windowFeatures);
    return false;
}

Answer 1

以下是您的功能的更正版本。您错过了'media = ...'和'description = ...'行中的几个引号。

function pinterest_click(width, height)
{
    var leftPosition, topPosition;
    leftPosition = (window.screen.width / 2) - ((width / 2) + 10);
    topPosition = (window.screen.height / 2) - ((height / 2) + 50);
    var windowFeatures = "status=no,height=" + height + ",width=" + width + ",resizable=yes,left=" + leftPosition + ",top=" + topPosition + ",screenX=" + leftPosition + ",screenY=" + topPosition + ",toolbar=no,menubar=no,scrollbars=no,location=no,directories=no";
    u=location.href;
    media="<?php echo 'images/article_images/original/' .$article_image ?>";
    description="<?php echo $article_quote;?>";
    window.open('http://pinterest.com/pin/create/button/?url='+encodeURIComponent(u)+'&media='+encodeURIComponent(media)+'&description='+encodeURIComponent(description),'sharer', windowFeatures);
    return false;
}

查看http://jsfiddle.net/7APYC/的工作版本。

Answer 2

从链接中删除target="_blank"后尝试

Answer 3

代码对我来说很好。

但我有一个问题，那就是，

为什么在使用javascript函数中的url时使用锚标记并在href中添加url。

我建议你使用或简单地点击它来点击你的javascript函数它应该可以工作。

Answer 4

因为您正在href属性中编写URL，因此您的点击不起作用。

尝试

<a href="Javascript:;" onClick="return pinterest_click(400, 300)" target="_blank"  
title="pinterest">0</a>

Javascript onclick popup中间浏览器无法打开

4 个答案: