Bootstrap popover没有出现

时间:2016-11-29 11:26:09

标签: jquery twitter-bootstrap

我面临着奇怪的问题。我的应用程序中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>

1 个答案:

答案 0 :(得分:1)

移动:

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

下面:

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

确保所有标签都显示在

中而不是

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