Bootstrap jsSocials PopOver

Posted 2023-05-08

【中文标题】Bootstrap jsSocials PopOver

【英文标题】：

【发布时间】：2018-07-03 18:49:36

【问题描述】：

如何将文本从 jsSocial 渲染到弹出框？

这是 html：在data-content 中，必须渲染来自id=udostepnij 的代码

<a href="#" data-html="true" title="Udostępnij" data-toggle="popover"
data-trigger="focus" data-content="<div id='udostepnij'></div>">
    <span class="fa fa-share"></span> Udostępnij
</a>

这是 JavaScript：

$("#udostepnij").jsSocials(
    showLabel: false,
    showCount: false,
    shares: ["twitter", "facebook", "googleplus", "vkontakte", "pinterest", "stumbleupon", "whatsapp", "email", "reddit"],
    shareIn: "popup"
);
$("[data-toggle=popover]").popover();

有人知道怎么连接吗？

【参考方案1】：

我能够解决问题：

HTML：

<a href="#" data-html="true" data-placement="top" title="Udostępnij"
    data-toggle="popover" data-trigger="focus" data-content="<div id='udostepnij'></div><script>
    $('#udostepnij').jsSocials(
    showLabel: false,
    showCount: false,
        shares: ['twitter', 'facebook', 'googleplus', 'vkontakte', 'pinterest', 'stumbleupon', 'whatsapp', 'email', 'reddit', 'blogger'],
        shareIn: 'popup'
    );
    </script>"><span class="fa fa-share"></span> Udostępnij</a>

javascript：

$("[data-toggle=popover]").popover();