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

Posted 2023-02-24

【中文标题】如何在 Joomla Protostar 模板中加载外部 JS 和 URL

【英文标题】：How to Load External JS and URL in Joomla Protostar Template

【发布时间】：2018-05-23 03:18:47

【问题描述】：

我希望在我的 joomla protostar 模板中添加一个汉堡菜单，类似于在以下 URL 中找到的那个：

['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 版。

提前致谢。

【问题讨论】：

你让它工作了吗？

musashii，我确实设法添加了它，但菜单按钮没有动画，所以不确定它是什么，但我猜是另一个问题。

该站点位于：[s116169771.websitehome.co.uk/joomla_hamb_menu/]，似乎是我的 js 代码的问题，因为菜单未打开...

【参考方案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");
?>

【讨论】：

谢谢 musashii，我会看看，让你知道我的进展情况。