Question

我面临着奇怪的问题。我的应用程序中Bootstrap的popover 没有出现。

当然我在.js文件中启动 popover（要清楚这个文件也包含在head部分中）。 $('[data-toggle="popover"]').popover();

这是我最简单的popover链接的样子：

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

顺便说一句，bootstrap的工具提示工作正常。

更新 - 头部+正文部分

<head>
    <title>@yield('title')</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="{{ URL::to('css\bootstrap.css')}}">
</head>
<body>
    <script src="{{URL::to('js\less.min.js')}}"></script>
    @include('includes.header')
    @yield('content')
    <script src="{{ URL::to('js\jquery-1.12.4.js')}}"></script>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>
    <script src="{{ URL::to('js\app.js')}}"></script>
    <script src="{{ URL::to('js\bootstrap.min.js')}}"></script>
    rest of the code...
</body>

Answer 1

移动：

<script src="{{ URL::to('js\app.js')}}"></script>

下面：

 <script src="{{ URL::to('js\bootstrap.min.js')}}"></script>

确保所有标签都显示在

中而不是

中

因为您的脚本标记位于正文中，所以DOM需要先完全加载才能执行。我很惊讶您的控制台没有报告错误。

Bootstrap popover没有出现

1 个答案: