Jquery 引导-在文档就绪时显示popover

在我的应用程序中，当用户登录并浏览他们的姓名和头像时，导航栏的右上角会显示他们的姓名和头像。例如：

<li>
   <a class="btn" href="#">
       <img id="user-avatar" src="{{ $userAvatar }}" alt="" /> {{ $userNickname }}
   </a>
</li>

不过，我想在用户名/化身区域下方显示一个弹出窗口，显示5秒钟，上面写着“您已成功登录”。这是可能的，因为我有一个会话，它只在成功登录后为页面设置（在页面被更改/刷新后，它被销毁）

我的计划是已经在列表项上设置了popover属性，并且在设置登录会话时，它会运行一点javascript来触发popover：

<li id="popover" rel="popover" data-content="You Logged In" data-original-title="Success!">
   <a class="btn" href="#">
      <img id="user-avatar" src="{{ $userAvatar }}" alt="" /> {{ $userNickname }}
   </a>
</li>
@if (Session::has('login_success'))
    <script type="text/javascript">
       $(document).ready(function() {
          $('#popover').popover();
       });
    </script>
@endif

@if（会话：：has（'login_success'））
$（文档）.ready（函数（）{
$（'popover'）.popover（）；
});
@恩迪夫

我知道我丢失了数据动画=“bottom”，但无论我做什么，都不会发生任何事情

代码：

$（'popover'）.popover（）只是实例化元素的popover，它没有显示它

您要使用：

<script type="text/javascript">
   $(document).ready(function() {
      $("#popover").popover('show');
   });
</script>


$（文档）.ready（函数（）{
美元（“#popover”）。popover（‘show’）；
});

如果无法在浏览器中运行，请在窗口完全加载后尝试运行：

<script type="text/javascript">
    $(window).load(function(){
       $("#popover").popover('show');
    });
</script>


$（窗口）。加载（函数（）{
美元（“#popover”）。popover（‘show’）；
});
如果您尝试
$（'popover'）。popover（）。单击（）
popover应该在单击时激活，或者您可以：
.popover（'show'）
您添加了正确的javascript文件了吗？例如，
bootstrap tooltip.js
和
bootstrap popover.js
。因为后者取决于前者。啊，窗口。加载工作！还有《秀》。干杯，现在只需要让它看起来好看：>