Почему не работает выпадающие вкладки bootstrap на внутренних страницах (на главной работает)?

Question

[Влад Серов]

Доброго времени суток. Сделал выпадающее меню на bootstrap через скрипт collapse. На главной странице все работает как часики. НО на внутренних страницах - вывод не работает. Ничего не происходит.

Думаю это из-за адреса но не могу понять где накосячил.
Сам bootstrap подключал в header, скрипт collapse подключил в подвале. Вот таким методом. Папка с этими файлами лежит в корневом каталоге WP.

<script type='text/javascript' src='/boot-file/bootstrap.min.js'></script>

Так как страницы сайта имеют вид:

мой_сайт/название_страницы

То по клику в меню адрес меняется на:

мой_сайт/имя_страницы#secondpanel

Но само меню не разворачивается.

Код самого меню такой

<div class="panel-group" id="accordion">
			  <div class="panel panel-default">
			    <div class="panel-heading">
			      <h4 class="panel-title">
			              <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
			                <img src="/img-smena/menu_03.png">
			              </a>
			            </h4>
			    </div>
			    <div id="collapseOne" class="panel-collapse collapse">
			      <div class="panel-body">
			        <ul>
			        	<li><a href="/raspolozhenie/">расположение</a></li>
			        	<li><a href="/shema-legerya/">схема лагеря</a></li>
			        	<li><a href="/pitanie/">питание</a></li>
			        	<li><a href="/plyazh-i-letniy-dush/">пляж и летний душ</a></li>
			        </ul>
			      </div>
			    </div>
			  </div>

Answer 1

[Игорь Воротнёв]

Почти так, как подсказал mrusklon только функция чуть другая. get_template_directory возвращает путь, а нам нужен URL - get_template_directory_uri.

<script type='text/javascript' src='<?php echo get_template_directory_uri(); ?>/boot-file/bootstrap.min.js'></script>

Впрочем, этот способ все равно неправильный, скрипты и стили надо подгружать с помощью wp_enqueue_scripts()

Comments

[Влад Серов]

Оно подключилось. Но вкладки не открывает. Вместо разворачивания оно просто приписывает якорь к ссылке http://мой_сайт/raspolozhenie#collapseOne

[Игорь Воротнёв]

Влад Серов: значит не отрабатывает скрипт. Первое - смотрим зависимости. Ему нужен jQuery? Убедитесь что он подключен. И даже если он подключен, будет второй нюанс - jQuery в WP работает в режиме noConflict. Если ваш скрипт использует $ - работать не будет. Смотрите консоль на предмет ошибок. В общем, как я и писал, все скрипты надо подключать через wp_enqueue_scripts, jQuery указывать как dependency, а сам код js писать с учетом режима noConflict. Все это описано в документации по ссылке.

[Влад Серов]

Игорь Воротнёв: Там получается как. На главной странице при клике на меню оно не меняет даже адрес страницы. Сама ссылка меню получается мой_сайт/#меню1. А на внутренней странице скрипт просто не обрабатывается, и ссылки имеют вид: мой_сайт/имя_страницы#меню1 - как обычный якорь работает.

[Игорь Воротнёв]

Влад Серов: Все правильно. Потому что на ссылках вызывается javascript, но он не работает корректно, в консоли должна быть ошибка, которая объяснит почему, что именно не так. Скорее всего не видит $

Answer 2

[Павел]

для wp путь нужно указывать вот так

<script type='text/javascript' src='<?php echo get_template_directory(); ?>/boot-file/bootstrap.min.js'></script>

Comments

[Влад Серов]

Теперь берет тех. адрес хостинга ссылка вообще не верная получается

[Павел]

Влад Серов: ну вы положили файл в папку с темой?

[Влад Серов]

mrusklon: Да, конечно положил. Я говорю что оно не верно формирует ссылку. мой_сайт/home/d26530/public_html/demo2/wp-content/themes/start/boot-file/bootstrap.min.js

[Павел]

Влад Серов: странно , надо смотреть файлы и сайт. Как альтернативу посоветую cdn https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js...