button - 创建动态Pinterest按钮？

Question

有什么方法可以创建动态的Pinterest按钮吗？我正在尝试将Pinterest支持添加到主要内容是动态的网站，因此页面源中只有一个Pin It按钮可以固定当前内容。

我无法找到一种通过预构建的Pin It按钮执行此操作的方法，因为它要求您提前指定一个硬编码的URL。

但是，还有一个Pin It书签确实可以达到我想要的效果-但这需要用户手动将其添加到他们的书签栏中。

有什么方法可以(a)修改Pin It按钮，或(b)以某种方式将小书签集成到我的页面中，从而可以固定当前页面的内容？

Answer 1

对于任何有兴趣的人，这是我的工作:

HTML:

<a href="#" id="pinit">Pin It</a>

JS:

$(document).ready(function(){
    $("#pinit").click(function(){
        $("#pinmarklet").remove();
        var e = document.createElement('script');
        e.setAttribute('type','text/javascript');
        e.setAttribute('charset','UTF-8');
        e.setAttribute('id','pinmarklet');
        e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e);
    });
});

通常，当您单击浏览器书签栏中的Pin It书签时，它会动态插入一个脚本(pinmarklet.js)，该脚本会自动执行一个功能，该功能会调出Pinterest UI来选择您想要固定的图像。

我对此进行了修改，以便在单击链接时插入脚本(#pinit)。我还向脚本(id)添加了一个#pinmarklet，以便每次单击该链接时都可以将其删除($("#pinmarklet").remove();)并重新添加-否则，如果您继续单击该链接，则指向同一脚本的重复链接会不断堆积。

无论如何，最终结果是您只是在页面内执行与小书签相同的操作。因此，它的工作方式相同，并且可以提取当前页面的内容，这意味着您可以动态更改其他内容，并且该内容将由同一“Pin It”链接获取。