Вот страница У меня проблема с http://intern-dev.obrary.com/manufacturer.Bootstrap ScrollSpy не работает должным образом

Я пытаюсь реализовать ScrollSpy через JavaScript. Вот что ЯШИ:

<script>$(document).ready(function(){ 
$(".scroll-area").scrollspy({target: "#myNavbar"}) 
});</script>

А вот идентификатор для навигационной панели:

<div class="navbar navbar-default navbar-fixed-top" id="myNavbar">

И целевой класс:

<div class="scroll-area" data-spy="scroll" data-offset="50">

Что-то с Орудием работает, потому что после того, как я добавил выше ссылка на часто задаваемые вопросы в navbar получила активное лечение. Но активный не меняется ни на один из других элементов навигатора.

источник

2015-04-30 Scott Austin

Я не нахожу вашу ссылку на JQuery на вашем сайте. ScrollSpy не может работать без него. Добавьте ссылку на jQuery на своем сайте: '' – MacKentoch

Дальнейшие исследования выявили проблему. Класс ScrollSpy должен находиться на теле. Вот что тело выглядит сейчас:

<body class="scroll-area" data-spy="scroll" data-offset="0">

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

Так что сейчас работает на http://intern-dev.obrary.com/manufacturer

источник

2015-04-30 06:49:43

У меня все еще есть' Ошибка: для JavaScript Bootstrap требуется jQuery'error в консоли. Если вам это подходит, это зависит от вас. – MacKentoch

@MacKentoch - Ваше редактирование удалило объяснение того, как я могу видеть эту ошибку. Не могли бы вы еще раз объяснить? –

Да, конечно, я обновил свой ответ. Это только предложения для отладки, не стесняйтесь идти своим путем. – MacKentoch

UPDATE

DECLARE JQuery Перед bootstrap.min.js:

<!--jquery 1st, this version but your may be ok : jquery-1.11.2.min.js--> 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script> 

<!--then bootstrap--> 
<script src="/js/bootstrap.min.js" type="text/javascript"></script>

DEBUG в Chrome, как вы спросили меня:

открыт отладчик:
- окна: CONTROL+SHIFT + I
- макинтош: COMMAND+ALT + I
идти Resources tab
расширить Frame, то дерево зависит ваш сайт, на вашем сайте: (manufacturer)
- вы видите скрипты, CSS загружены
использование консоль (это показывать ошибка ...)
- Вкладка console

Как я уже говорил ранее, я предпочитаю Chrome, но и другие мореплаватели могли быть хорошо это до вас.

источник

2015-04-30 06:43:47 MacKentoch

Строка 81 в виде источника имеет: Является ли версия слишком старой? Или это версия в имени файла, отбрасывающая поиск jquery.min.js. –

'DECLARE jQuery перед bootstrap.min.js' это самые важные вещи! спасибо 'MacKentoch' – amirsa00

я обнаружил, что если идентификатор начинается с символа подчеркивания (и, возможно, это верно и для других специальных символов), то scrollspy не работает. Я смог заставить его работать, удалив подчеркивание из моих ссылок.

не работает:
<h1 id="_Toc423191681">Leasing</h1>
работы:
<h1 id="Toc423191681">Leasing</h1>

источник

2016-11-30 03:25:10

Bootstrap ScrollSpy не работает должным образом

ответ

UPDATE

DEBUG в Chrome, как вы спросили меня:

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