如何在Joomla Protostar模板中加载外部JS和URL

时间:2017-12-08 20:35:52

标签: javascript php jquery css joomla

我希望在我的joomla protostar模板中添加一个汉堡包菜单,类似于以下网址上的菜单:

['https://codepen.io/PaulVanO/pen/GgGeyE']

这将允许我为我的桌面和移动屏幕提供全屏汉堡包菜单。我遇到的问题是,在上面链接的文件中有3个链接,2个外部JS文件和1个CSS文件,我不知道如何将其写入Protostar模板。以下是三个链接:

<link rel='stylesheet prefetch' href='http://daneden.github.io/animate.css/animate.min.css'>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/wow/0.1.12/wow.min.js'></script>
<script  src="js/index.js"></script>

如果有人可以建议我如何将上述脚本添加到我的文件中以便我在Joomla中构建它,我将非常感激。

目前我正在使用Joomla版本3.8.2。

提前致谢。

1 个答案:

答案 0 :(得分:0)

这是manual

的示例
<?php
$document = JFactory::getDocument();
$document->addScript('/media/system/js/sample.js');
$document->addStyleSheet("/joomla/components/com_mycustomcomponent/css/mytooltip.css",'text/css',"screen");
?>