ブートストラップポップオーバーが表示されません

私は奇妙な問題に直面しています。ブートストラップのポップオーバーが私のアプリケーションにとして表示されません。ブートストラップポップオーバーが表示されません

もちろん、私はです.jsファイルの popoverを開始しています（このファイルもクリアしてください）。 $('[data-toggle="popover"]').popover();

これは私の最も単純なポップオーバーのリンクがどのように見えるかです：ブートストラップのツールチップが正しく機能しているところで

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

。

アップデート - ヘッド+ボディセクション

<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>

出典

2016-11-29 Marcin Magdziarz

コンソールでエラーが発生していますか？ – Afsar

残念ながら。 –

jquery/boostrapの前または後に初期化がありますか？そしてそれはdocument.readyに包まれていますか？通常、これらのタイプの初期化はフッターにあります。 – zerohero

移動：以下

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

：

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

そして、すべてのタグがに表示されていないことを確認してください

スクリプトタグが本体にあるため、DOMを実行する前に完全にロードする必要があります。あなたのコンソールにエラーが報告されないのは驚きです。

出典

2016-11-29 11:49:03 zerohero

ハハ、ありがとう。残念だ。 –

うん、コンソールはちょっと赤ちゃんのようにきれいだった。 –

ブートストラップポップオーバーが表示されません

答えて

関連する問題