Joomla 模板和 Foundation 5 框架

Question

我已经使用Foundation 5 Framework 为 Joomla 创建了一个基本模板，但是包含 Foundation 和 jQuery 的调用以及对 fire Foundation 的调用需要是最后加载的部分。

<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>

所以我已将它们添加到模板中，当我加载模板时可以导航到它们，但由于某种原因，根据 firebug，基础不存在并且不会加载。

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 文件位于模板文件夹中，但位于不同的子文件夹中，因此我建议您为所有 javascript 文件保留 1 个主文件夹。

更新：

我刚刚测试了 Foundations，它对我来说很好用。首先，您需要确保首先加载 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>

希望对你有帮助