Question

我试图让bootstrap popover在一个范围内处理一个字形图标，但它只是不起作用。

在我的HTML中：

<span class="glyphicon glyphicon-exclamation-sign" data-toggle="popover" tabindex="0" title="Offer Details" data-content="Some stuff goes here"></span>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>

在我的JS中：

$(document).ready(
    $(function () {
        $('[data-toggle="popover"]').popover({
            placement : 'top',
            trigger: 'focus click',
        })
    })
);

当我点击字形时，我可以在控制台中看到跨度附加了aria-describedby="popover41686"，当我点击它时它会被删除。因此，popover的功能似乎正常，只是我的实际弹出窗口没有被显示。

在此之前，我使用Bootstrap的工具提示实现了类似的功能，并且没有任何问题。这可能与跨度有关，因为我发现信息说需要设置tabindex，因为跨度通常不可调焦吗？

Twitter BootStrap Popover未显示

0 个答案: