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

Question

我想在我的 joomla protostar 模板中添加一个汉堡包菜单，类似于下面 URL:

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

这将使我的桌面和移动屏幕上有一个全屏汉堡菜单。我遇到的问题是，在上面 link 的文件中有 3 个 links，2 个到外部 JS 文件和 1 个 CSS 文件，我不确定我该如何写将其放入 Protostar 模板中。以下是三个link：

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

提前致谢。

Answer 1

这是来自 manual

的示例

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

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

How to Load External JS and URL in Joomla Protostar Template

javascript

css

php

jquery

joomla