2016-11-29 2 views
1

У меня возникла странная проблема. Poppash popover не отображается в моей заявке.Bootstrap popover не отображается

Конечно, я , начинающий popover в .js файле (чтобы быть ясным, этот файл также включен в раздел главы). $('[data-toggle="popover"]').popover();

Это как мои Простейшие ссылка поповера выглядит следующим образом:

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

По подсказкам на пути Bootstrap в правильно работает.


Update - участки головы + тела

<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

Вы получаете какую-либо ошибку в консоли? – Afsar

+0

К сожалению, нет. –

+0

Является ли ваша инициализация до или после включения jquery/boostrap? И это завернуто в документ. Уже? обычно эти типы инициализации находятся в нижнем колонтитуле. – zerohero

ответ

1

Move:

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

Ниже:

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

И убедитесь, что все теги появляются в и не

Поскольку ваши теги сценария находятся в теле, DOM необходимо полностью загрузить сначала, прежде чем он сможет выполнить. Я удивлен, что ваша консоль не сообщает об ошибке.

+0

Ха, спасибо. Какой позор. –

+0

Да, консоль была чистой, как маленький ребенок. –

Смежные вопросы