我面临着奇怪的问题。我的应用程序中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>
答案 0 :(得分:1)
移动:
<script src="{{ URL::to('js\app.js')}}"></script>
下面:
<script src="{{ URL::to('js\bootstrap.min.js')}}"></script>
确保所有标签都显示在
中而不是中因为您的脚本标记位于正文中,所以DOM需要先完全加载才能执行。我很惊讶您的控制台没有报告错误。