fancbybox pinterest jQuery

我想将pinterest按钮添加到我的fancybox图像中

我将我的getscript函数放在beforeLoad和fancbyox的afterLoad函数中，但我不知道如何设置data-pin-hover =“true”

$.getScript('//assets.pinterest.com/js/pinit.js', function() { }); 

任何帮助，将不胜感激。

Answer 1

pinit.js脚本无法附加点击动态注入HTML ..因此，作为一种解决方法，pin按钮将只是在弹出窗口中打开共享页面..

我使用fancybox模板选项将pin按钮添加到图像框并添加其他jquery代码来处理fancybox上的hover并单击pin按钮的事件

• 记得对大图像使用完整url，以便在pinterest上共享图像

脚本和CSS

HTML