如何将 Jquery 或 Jquery 插件添加到 Joomla 3答案

【问题标题】：How to add Jquery or Jquery plugins to Joomla 3如何将 Jquery 或 Jquery 插件添加到 Joomla 3
【发布时间】：2013-12-12 09:25:51
【问题描述】：

我有 HTML、CSS、Jquery 和 PHP 的基本知识。我会说我对 Joomla 的理解非常好。我的问题是，我一直在通过搜索引擎无休止地研究如何将 Jquery 实现到 Joomla 3 中。根据我的理解，Joomla 3 已经与 Jquery 一起提供了？这是否意味着我不再需要在我的 HTML 中引用它？我意识到 Joomla 文档声明我应该调用 JHtml::_('jquery.framework');，但是我应该在哪里以及如何调用它？我假设在我的 HTML 文档的开头？另一个问题是我的理解是 Joomla 的默认编辑器是文字处理器而不是 HTML 编辑器？我知道他们是我可以下载的其他编辑器扩展，是推荐的吗？

我正在寻找关于如何添加自己的 Jquery 或已经可用的插件的明确说明，如果我的问题听起来很愚蠢，我提前道歉，因为我对此很陌生并且确实尝试过搜索和实验在来这里之前寻求答案。

【问题讨论】：

标签： jquery joomla joomla3.1 joomla3.2

【解决方案1】：

您可以添加 jQuery 和您自己的 Javascript 文件以及样式表，方法是在需要使用它们的文件顶部添加必要的命令，如下例所示：

<HTML>
<head>

<?php

defined('_JEXEC') or die;

JFactory::getDocument()->addStyleSheet(JURI::root().'/tmpl/default.css');
JHtml::script(JURI::base() . '/tmpl/jquery-ui-1.10.3.custom.js');
JHtml::_('jquery.framework'); // load jquery
JHtml::_('jquery.ui'); // load jquery ui
JHtml::script(JURI::base() . 'tmpl/sample.js');

</head>

<body>

<!-- Remainder of your page content would go here -->

</body>

?>

我发现有时 Joomla 对加载内容的顺序很敏感，但稍作试验通常可以解决问题。

【讨论】：

您也可以使用JHtml导入CSS文件

【解决方案2】：

使用JHtml::_('jquery.framework'); 会自动调用jQuery（在noConflict 模式下）并将其导入站点。您可以在代码中的任何位置使用此 sn-p，因为它也会自动附加到 <head> 标签

【讨论】：

首选方法是在布局文件中使用所有 JHtml 调用，以便它们可以被模板覆盖。