Javascript 自定义弹出菜单推特引导工具提示并在单击按钮时显示

Html文件：

<a
id="popoverMenu"
data-toggle="popover" data-placement="bottom" 
data-title = "Some title"
data-container="body"
data-html = "true" 
data-content=' 
    <!-- row 1-->
    <div class = "row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button1</a>
        </div>

        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button2</a>
        </div>

        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button3</a>
        </div>
    </div>

    <!-- row 2-->
    <div class = "row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button1</a>
        </div>

        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button2</a>
        </div>

        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button3</a>
        </div>
    </div>
    ...
    <!-- row n-->
    <div class = "row">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button1</a>
        </div>

        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button2</a>
        </div>

        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <a href = "some.url.com" type="button" class="btn btn-default">button3</a>
        </div>
    </div>
'
</a>

---

如果您需要定制popover，请使用以下设计方式：

$('#popoverMenu').popover({ template: 'Your HTML Design with `class="popover-title"` and `class="popover-content"`'});

popover title：此标签将保存标题属性中给出的标题

popover content：此标签将保存数据内容属性中给出的内容

$('#popoverMenu').popover({ template: 'Your HTML Design with `class="popover-title"` and `class="popover-content"`'});