Question

在我的JavaScript文件中

 $(".filter-popover").on("click hover", function (e) {
        e.preventDefault();
        return true;
});
$(".filter-popover").popover();

在我的html中：

<a class='filter-popover' href='#' data-toggle="popover" data-placement='left' data-trigger='hover click' data-content='Filters are case insensitive. Prefix a value with &lt; or &gt; to filter for values that are less than or greater than'>
    <i class="fa fa-question-circle" id='filter-info'></i>
</a>

Popover正在呈现，正如我在控制台的html中看到的那样。似乎生成的类是.popover，它附带了一些CSS，看起来像

:not(.show).fade {
opacity: 0;
}

当我禁用此CSS时，弹出窗口可见。另一件事是，弹出框位于表单内。

有人知道为什么会显示但未显示弹出窗口吗，我该如何解决？

谢谢！

Answer 1

不确定这是否是正确的解决方法，还是仅是一种解决方法，但是使用this，我可以通过将其设置为将不透明度设置为1（从而使其可见）

$sql = "SELECT u.id, u.name, p.posts
        FROM users u INNER JOIN posts p
        ON u.id = p.user_id
        WHERE p.user_id != '$id'";

弹出窗口未显示

1 个答案: