jQuery插件在Joomla 3模块中不工作

我试图在Joomla 3模块中实现一个jQuery插件，用于将标签转换为响应性手风琴。该插件称为“轻松响应手风琴标签”（Easy Responsive Tabs to Accordion）。我已经在模块中正确地包含了所需的css和js文件，但它没有为我启动插件

在模块的

tmpl/default.php

中，我包含了如下脚本：

$document = JFactory::getDocument();
$document->addScript(JURI::base() . 'modules/mod_mytest/js/easyResponsiveTabs.js');
$document->addScript(JURI::base() . 'modules/mod_mytest/js/jquery-1.9.1.js');
$document->addStyleSheet(JURI::base() . 'modules/mod_mytest/css/mytheme/easyResponsiveTabs.css');
<script type="text/javascript">
$(document).ready(function() {
    $('#horizontalTab').easyResponsiveTabs();
});
</script>

$document=JFactory:：getDocument（）；
$document->addScript（JURI:：base（）.“modules/mod_mytest/js/easyResponsiveTabs.js”）；
$document->addScript（JURI:：base（）.“modules/mod_mytest/js/jquery-1.9.1.js”）；
$document->addStyleSheet（JURI:：base（）.“modules/mod_mytest/css/myteme/easyResponsiveTabs.css”）；
$（文档）.ready（函数（）{
$（“#水平选项卡”）.easyResponsiveTabs（）；
});

我在

tmpl/default.php

中也有正确的HTML标记，如文档所示

---

当我下载并运行插件时，它工作正常，但当我将其集成到Joomla中时，它失败了。在集成它的过程中，我可能遗漏了一些简单的步骤，但我无法找出答案。

首先，检查Chrome Dev Tools或Firebug（无论您的浏览器使用什么），查看您导入的3个文件是否正在实际导入。你做这件事的方式没有错，但检查总是好的。然后，替换：

<script type="text/javascript">
$(document).ready(function() {
    $('#horizontalTab').easyResponsiveTabs();
});
</script>

我认为这是你调用插件的方式，所以很确定上面的代码会解决这个问题

更新：

刚刚意识到您使用的是Joomla 3.0，因此，不要像以前那样导入jQuery，而是使用以下方法：

JHtml::_('jquery.framework');

让您在其他脚本之前插入它。这使用Joomla 3.x编码标准以noConflict模式导入jQuery

---

希望这有帮助

首先尝试包括jquery库：

$document = JFactory::getDocument();
$document->addScript(JURI::base() . 'modules/mod_mytest/js/jquery-1.9.1.js');
$document->addScript(JURI::base() . 'modules/mod_mytest/js/easyResponsiveTabs.js');
$document->addStyleSheet(JURI::base().'modules/mod_mytest/css/mytheme/easyResponsiveTabs.css');

如果无法解决，请尝试使用jQuery NoConflict

<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
jQuery('#horizontalTab').easyResponsiveTabs();
});
</script>

$.noConflict（）；
jQuery（文档）.ready（函数（$）{
jQuery（“#horizontalTab”）.easyResponsiveTabs（）；
});

进入浏览器中的控制台（F12），查看是否存在任何javascript错误。可能是有冲突。您是否有其他扩展或模块在页面上运行？我发现过去他们称之为jquery，这会导致问题。尝试将jquery置于“无冲突模式”@tim.baker页面上运行的其他模块是Joomla的内置模块。页面上没有第三方模块。我也试过“没有冲突”。仍然不起作用。我尝试了你上面建议的所有方法，但仍然不起作用。是的，所有这3个文件都已正确导入。我和Firebug核对过了。我也尝试了你上面的建议，但似乎仍然不起作用jquery似乎可以正常工作。我看不到任何冲突jquery

jquery.noConflict（）已加载到标头中。所以我所要做的就是这样：
jQuery（document）.ready（function（$）{jQuery（'#tabs'）.easyResponsiveTabs（{…}）；
。这很有效。谢谢你的帮助！
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
jQuery('#horizontalTab').easyResponsiveTabs();
});
</script>