#collapse
#javascript #twitter-bootstrap
Вопрос:
У меня проблема с выбором запросов из collapse.js (по словам инспектора) с тех пор, как я загрузил bootstrap на свой сервер, чтобы ускорить загрузку моего веб-сайта (Google теперь в первую очередь для мобильных устройств …), и, несмотря на то, что я искал, я до сих пор не решил проблему выбора запросов.
Проблема в том, что функция переключения не работает при нажатии на «свернутый» класс начальной загрузки.
Я прочитал в другом потоке, что мне пришлось заменить некоторый код в моем bootstrap.js . Я еще не изменил никакого кода. Вот что у меня есть :
getSelectorFromElement: function getSelectorFromElement(element) {
var selector = element.getAttribute('data-target');
if (!selector || selector === '#') {
var hrefAttr = element.getAttribute('href');
selector = hrefAttr amp;amp; hrefAttr !== '#' ? hrefAttr.trim() : '';
}
try {
return document.querySelector(selector) ? selector : null;
} catch (err) {
return null;
}
},
Приветствуется другое решение.
Комментарии:
1. Привет, Мат. Пожалуйста, опишите конкретную проблему, которую вы пытаетесь решить. Предложенное вами решение не работает, но заменяемый исходный код не показан. Не можем помочь, пока не узнаем, чего вы пытаетесь достичь, и какие изменения были внесены. Показывать только текущее состояние вещей будет недостаточно информации. Можете ли вы предоставить: 1. Конкретную исходную проблему, которую вам нужно решить 2. Исходный фрагмент кода перед заменой
2. Мой плохой, просто изменил описание. Спасибо.
3. Привет, Мат. Пожалуйста, покажите нам функцию переключения, которую вы пытаетесь использовать, в контексте (необходимы фрагменты html, js). Я не думаю, что вам нужно изменять библиотеку Bootstrap. В общем, это плохой подход — если бы вы когда-либо обновляли эту библиотеку, ваши изменения были бы потеряны.
4. Хорошо, это «data-toggle» =»свернуть», который не работает в «<div class=»languages service-box» data-toggle=»свернуть» data-target =»#collapseTwo» role=»навигация» aria-expanded =»true» aria-controls=»collapseOne»>»
5. Пожалуйста, укажите источник в вашем описании проблемы. Трудно прочитать комментарий. Если вы можете создать jsFiddle или эквивалент, это было бы еще более полезно.
Ответ №1:
Проверьте, правильно ли загружается BootStrap. В Firefox или Chrome developer tools или консоли должно быть сообщение об ошибке, если функция, вызываемая для свертывания панели, не загружается при ее вызове. Кроме того, о любом сбое при загрузке js-файла следует сообщать как об ошибке. Проверьте путь, по которому браузер пытается загрузить файл, в сравнении с тем, где, по вашему мнению, он находится, и посмотрите, можете ли вы исправить несоответствие.
Комментарии:
1. Я сделал это. Вот как я понял, что он тоже не загружался. Чего я не понял, так это почему он загрузился в CDN, а не в версии, которую я загрузил на свой сервер. Я получаю collapse.js часть отсутствовала… В любом случае, спасибо за отзыв, приятель. Теперь все хорошо. Я загрузил его, используя обычный CDN, предоставленный веб-сайтом bootstrap.