加载<；部门>；在javascript中

我在将div加载到javascript中时遇到问题， 我的代码是：-

$(document).ready(function()
{
    $('#example').hide();

    $("#myDiv").tooltip({trigger:'hover',placement:'left',html:true,title:'Rate Us'}).popover({trigger:'click',placement:'top',content:$("#example").html(),});
});

<div id="example">
    <button type="button" class="btn btn-default btn-circle btn-lg"><i class="glyphicon   glyphicon-ok"></i></button>
</div>

$（文档）.ready（函数（）
{
$（“#示例”）.hide（）；
$（“#myDiv”）。工具提示（{trigger:'hover'，placement:'left'，html:true，title:'Rate Us'}）。popover（{trigger:'click'，placement:'top'，content:$（“#example”）.html（），}）；
});

我无法在popover上加载示例div中的按钮

我应该在

content:$（“#example”）.html（），

中写些什么来加载示例div

---

请帮助我。

如果未设置

html:true

请参阅此处以了解有关弹出式窗口的更多信息

---

JSFIDLE

仍然没有加载！它显示了我所有的代码，没有按钮。你应该提供一个JSFIDLE来复制你的问题，以便获得一些帮助，也许……你使用的是什么类型的工具提示？如果引导意味着使用popover，工具提示没有内容选项。在工具提示内容中，我想加载另一个div。我该怎么做？popover肯定会抛出一个错误-它会在你的最后一个逗号之后出现