2015-09-23 2 views
0

Я меняю веб-сайт на шаблон для Joomla 3.4.3. Я использую компоненты Bootstrap 3, и они отлично работают, но когда это как шаблон Joomla, они работают неправильно. Переключатель навигации работает только иногда, карусель действует странно, а некоторые анимации не работают. Кроме того, в Firefox я получаю эту ошибку всякий раз, когда я нажимаю где:Joomla - Bootstrap не работает должным образом

Empty string passed to getElementById()

и это ссылаюсь на этот код в JQuery:

// HANDLE: $(#id) 
} else { 
    elem = document.getElementById(match[2]); // Here the error occurs 

Я читал, что это может быть вызвано дубликата ID в HTML, но я проверил и не нашел.

Я был бы очень признателен за вашу помощь, я действительно разочарован этим. Благодаря

ответ

2

Я думаю, что проблема заключается в том, что сердце в настоящее время работает Joomla с версии 2.3.2 Bootstrap

Вам необходимо загрузить в шаблон, загрузчик версии вы хотите использовать.

Создайте папку с именем «JS» в шаблоне и один для «CSS»

Затем добавьте это в шаблон, после размещения файлов.

$doc->addScript($tpath.'/js/bootstrap.min.js'); 
$doc->addStyleSheet($tpath.'/css/bootstrap_3.css'); 
+0

Большое спасибо! Это решило анимацию и карусель –

+0

, но ошибка 'getElementById()' все еще происходит, когда я нажимаю, но единственное, что, по-видимому, влияет на это выпадающее меню. Когда я нажимаю на раскрывающийся список, он открывает раскрывающееся меню после того, как я покидаю кнопку с помощью мыши, и это вызывает несколько из этих ошибок. И я не могу закрыть его, только щелкнув вне раскрывающегося списка. –

+0

После некоторого повторного поиска я обнаружил, что кнопка выпадающего меню не работает, потому что теперь у меня есть два boostrap.js (один старше от Joomla и новый от моего шаблона), и один закрывал его, а другой открыл его. И ошибка - ошибка в старом бутстрапе, поэтому я не уверен, как это решить :( –

1

Чтобы избежать конфликтов, как не загружать файлы JS это выглядит следующим образом:

unset($doc->_scripts[$this->baseurl.'/media/jui/js/bootstrap.min.js']); 

В этом случае мы удаляем файл bootstrap.min.js JOOMLA загружается по умолчанию.

Надеюсь, я был полезным. Извините за мой английский.

+0

Спасибо! Отлично работает :) –

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