Javascript Bootstrap Popover-JS触发器

我正试图用JS触发Bootstrap的弹出

我希望能够更改与我单击的链接相关的消息和标题

如果我真的点击了链接，它会起作用，但我想通过Jquery实现这一点

以下是我当前的JS代码： //全局工具提示功能

$(function () {
    $(".tool-tip").on("click",function () {
        //Initializes Tooltip
        $(function () {
            $("#ToolTipContainer").popover();
        });
        var title = $(this).attr("data-tooltip-title"),
            message = $(this).attr("data-tooltip-message");
        $("#ToolTipContainer").attr("title", title);
        $("#ToolTipContainer").attr("data-content", message);
        $("#ToolTipContainer").click();
    });
});

下面是我调用函数的DOM元素：

<button type="button" class="tool-tip btn btn-default" data-dismiss="modal" data-tooltip-title="Item Added" data-tooltip-message="Some Message">Continue Shopping</button>

继续购物

这是弹出式容器（css隐藏了它，我只想看到弹出式）：

---

引导文档：

您可以通过调用

.popover（“show”）

---

尽量不要隐藏popover容器，它很可能会隐藏您的popover。

是否有原因

$（“#ToolipContainer”）。popover（'show'）

不起作用？（顺便说一句，这在你的链接文档页面中有解释）你知道如何将其设置为自动隐藏吗？@Mark：这与你只通过“隐藏”而不是“显示”的过程相同。在单击处理程序的末尾，可以添加一个setTimeout（function（）{$（'ToolTipContainer'）.popover（'hide'）；}，10000）；例如，在显示后10秒将其隐藏。

<a href="#" id="ToolTipContainer" data-toggle="popover" data-trigger="focus" data-placement="bottom" title="" data-content=""></a>

$(function () {
    $(".tool-tip").on("click",function () {
        //Initializes Tooltip
        $(function () {
            $("#ToolTipContainer").popover();
        });
        var title = $(this).attr("data-tooltip-title"),
            message = $(this).attr("data-tooltip-message");
        $("#ToolTipContainer").attr("title", title);
        $("#ToolTipContainer").attr("data-content", message);
        $("#ToolTipContainer").popover('show');
    });
});