2014-03-09 2 views
2

Я играю с созданием шаблона, который я приобрел на нашей CMS, чтобы увидеть, как он отображается, и там во многом присутствует, но я не могу заставить текст правильно отображать.Проблема с Javascript/CSS при отображении сайта

Это template Я использую.

Наша CMS является обычаем и работает здесь. Хотя на основе bootstrap2 в коде, я также хочу обновить его до bootstrap3 как часть этого.

Он работает здесь: style demo site

Проблема на данный момент нет ни одного из текста показывает, и я не могу понять, что мешает этому?

+2

В Firefox я вижу ошибку: TypeError: this.el является нулевым \t ... отражения = Array.prototype.slice. call (this.el.querySelectorAll ('.cbp-so-section ... – JohanVdR

+0

Да, я не добавил тег body для прикрепления scrollto, но не думал, что это повлияет на основной дисплей. –

+0

что вы сделали для отладки сайта? –

ответ

3

Скрипт нуждается в идентификаторе на корпусе. Я протестировал его в местной копии. Это делает трюк !.

<body id="cbp-so-scroller"> 

В противном случае this.el является недействительным в cbpScroller.js

// Slide effect on sections 
new cbpScroller(document.getElementById('cbp-so-scroller')); 
1

Вы получили эту ошибку:

Uncaught TypeError: Cannot call method 'querySelectorAll' of null 

основном означает, что вы не получили нужный элемент в DOM для этой функции, чтобы стрелять. Я думаю, что имея просачивания эффекта с содержимым (? Ваши нагрузки содержания через JS)

Я посмотрел на свой код, и это выглядит, как это мешающая линия:

this.sections = Array.prototype.slice.call(this.el.querySelectorAll('.cbp-so-section')); 

ли вам есть элемент .cbp-so-section? Если вы либо удалите эту строку, либо поместите нужный элемент в DOM, вы должны исправить проблему

+1

Это в его демонстрации -

Проблема в том, что TypeError: this.el имеет значение null – JohanVdR

+1

:) Хорошая точка! Надеюсь, что мой ответ действительно освещает проблему. –

+0

Спасибо, Rich, я не добавил, что, поскольку для этого требуется полное изменение кода, но удивлен, что по умолчанию на нем не было текста. Спасибо за помощь. –

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