Joomla Template and Foundation 5 Framework

Question

Я создал базовый шаблон для Joomla, используя Foundation 5 Framework, но вызов включить Foundation и jQuery, а вызов Fire Fire должен быть последней загруженной частью.

<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/bower_components/foundation/js/foundation.min.js"></script> 
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/bower_components/jquery/jquery.js"></script> 
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/app.js"></script> 

Так что я добавил их в шаблон, и они могут быть перемещаться, когда я загрузить шаблон вверх, но по какой-то причине основа не существует в соответствии с поджигатель и не загрузит.

Answer 1

Если Firebug говорит, что файл не существует, вы использовали неправильный путь. Что касается импорта из JQuery, я бы порекомендовал вам использовать стандарты Joomla для этого, который также будет импортировать файл, который приходит использование пакетов режима noConflict() как так >> JHtml::_('jquery.framework');

Также попробуйте использовать метод addScript() для импортирования других сценариев, однако, пожалуйста, убедитесь, что пути верны. Таким образом, ваш полный код будет выглядеть следующим образом:

<?php 
    JHtml::_('jquery.framework'); 
    JHtml::_('script', JUri::root() . 'templates/template_name/bower_components/foundation/js/foundation.min.js'); 
    JHtml::_('script', JUri::root() . 'templates/template_name/js/app.js'); 
?> 

В настоящее время ваших .js файлов находятся в папке шаблона, однако находятся в различных подпапках, таким образом, я бы рекомендовал придерживаться 1 основной папки для всех файлов JavaScript.

Обновление:

Я просто проверял основы и она отлично работает для меня. Прежде всего, вы должны убедиться, что сначала загружен jQuery. Добавьте следующий код перед окончанием `тега в файле index.php шаблона:

<script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/bower_components/jquery/jquery.js"></script> 
<script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/bower_components/foundation/js/foundation.min.js"></script> 
<script> $(document).foundation(); </script> 

Надеется, что это помогает