Question

我使用bootstrap在wordpress中开发了自己的主题。

我正在使用lightbox用于图片库，我正在尝试在弹出的单个图像上添加共享按钮，两者都尝试使用Jquery进行一些练习。

灯箱中的单个图像当然没有共享社交网络按钮的选项。

包含图片的div是要考虑的元素，然后是代码段的代码。我试着这样做......

$sharingButtons = $("</div>");
$sharingButtons.css({top: 100, left: 20, 'absolute'});

$sharingButtons.addClass("");

$sharingButtons.appendTo( '.lb-outerContainer' );

$('lb-outerContainer').append("<div class='addtoany_share_save_container addtoany_content_bottom'><div style='line-height: 32px;' class='a2a_kit a2a_kit_size_32 addtoany_list a2a_target' id=''> )etc...  (here all the snippet code of addtoany)...

</div></div>");

 $('img.lb-outerContainer').css("opacity", "0.8");

元素$ sharingbuttons是包含片段的div ...

它无效。任何人都有更好的想法？

我使用的是Jquery的最新版本。

感谢保罗附：我必须使用＆＃34;插入＆＃34;在lb-outer container_旁边添加一个div？你可以在这里查看我的网站 http://www.paolobergomi.it/new-gallery/indoor-portraits/

如果您点击图片，我希望在右边，在垂直布局中..只需附加到图片，即可显示共享按钮列表我猜insertAfter可能是一个选项吗？感谢EO 添加：我会这样开始的吗？

$（＆＃34;

然后在新div中添加addtoany的代码段？有小费吗？感谢

保

Answer 1

添加a2a div代码后，需要执行函数a2a.init（'page'），因为addtoany脚本需要添加新代码。首先，插入一个类a2a_target，div的ID并创建如上所示的javascript代码：

$('lb-outerContainer').append("<div class='addtoany_share_save_container addtoany_content_bottom'><div style='line-height: 32px;' class='a2a_kit a2a_kit_size_32 addtoany_list a2a_target' id='myShareLinks'> )etc...  (here all the snippet code of addtoany)...

a2a_config.target = '#myShareLinks';
a2a.init('page');

注意：a2a_config和a2a是addtoany脚本创建的全局变量。

将共享按钮（例如＆＃34; addtoany＆＃34;）添加到灯箱插件

1 个答案: