Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我的网站的Pinterest按钮-我真的也需要他们的Javascript吗?_Javascript_Pinterest - Fatal编程技术网

我的网站的Pinterest按钮-我真的也需要他们的Javascript吗?

我的网站的Pinterest按钮-我真的也需要他们的Javascript吗?,javascript,pinterest,Javascript,Pinterest,我正在将Pinterest PinIt按钮添加到我的网店上的产品中。Pinterest希望我这样做: 我已经成功地在一个页面上的所有产品上实现了该按钮,它工作正常。关于他们要我添加的脚本,我真的需要吗?这是干什么用的?不包括在内可以吗?我很好奇,因为它似乎干扰了我正在做的一些AJAX提交(不确定为什么),而且没有脚本时按钮似乎工作正常。没有。我只有一个链接,工作正常 <a href="http://pinterest.com/pin/create/button/?url=http%3A%

我正在将Pinterest PinIt按钮添加到我的网店上的产品中。Pinterest希望我这样做:


我已经成功地在一个页面上的所有产品上实现了该按钮,它工作正常。关于他们要我添加的脚本,我真的需要吗?这是干什么用的?不包括在内可以吗?我很好奇,因为它似乎干扰了我正在做的一些AJAX提交(不确定为什么),而且没有脚本时按钮似乎工作正常。

没有。我只有一个链接,工作正常

<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.example.com%2Fproduct%3Fmodel%3DEQEA&amp;media=http%3A%2F%2Fwww.example.com%2Fimg_c%2F14ngton%2Fdesign%2F232.jpg&amp;description=Dack+Earth" class="pin-it-button" count-layout="horizontal" target="_blank">
    <img src="http://example.com/images/pin_icon.png" title="Pin It">
</a>

如果还希望计数器显示在每个按钮旁边,则只需要脚本


pinit.js加载的JavaScript构建了五个不同的小部件,而不仅仅是pinit按钮。如果它干扰了AJAX提交,请检查是否只在页面底部加载了一次。(我是代码的作者,希望了解更多关于我们如何破坏您的页面的信息;是否有我可以查看的URL?)

接受答案使用的代码可能无法工作,因为第二个和第三个参数(媒体和描述)之间的符号已转换为HTML实体

一旦符号被修复,接受答案中的代码将导致在主浏览器窗口中出现Pin-It弹出窗口,这很难看,并将用户从您的页面中拉离,这实际上不是您想要的。Pinterest用户知道弹出窗口应该是什么样子的,如果它是错误的,他们往往不会锁定

要复制Pinterest体验,应添加以下内联JavaScript:

onclick="window.open(this.href, '_pinIt', 'status=no,resizable=yes,scrollbars=yes,personalbar=no,directories=no,location=no,toolbar=no,menubar=no,width=632,height=270,left=0,top=0');return false;" 
我强烈建议你不要手工削减你的网址;它们很脆,几乎肯定最终会断裂。如果您想要更具前瞻性的东西,可以尝试使用JavaScript触发Pinterest bookmarklet代码,就像我们的工具栏bookmarklet一样。看起来是这样的:

<a style="cursor:pointer;" onclick="var d=document;var e=d.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','utf-8');e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);d.body.appendChild(e);"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>


重要提示:由于
pinit.js
使用与方案无关的URL,如果将HTML拖到浏览器中进行测试,它将尝试在
file://
下查找内容。请确保您正在服务器上运行它。

难道您不能在pinterest.com的开发者部分使所有这些内容更简单、更清晰地进行消化吗?我是一个初学者,我只是想给我的动态产品页面添加一个PinIt按钮。添加一个简单的链接不应该如此混乱,是吗?