我正在尝试实现一个jQuery插件，用于在Joomla 3模块中将制表符转换为响应式手风琴。该插件称为“手风琴轻松响应标签”（https://github.com/samsono/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>
我也有正确的HTML标记，tmpl/default.php如文档所示。
当我下载并运行该插件时，它可以正常工作，但是当我将其集成到Joomla中时，它会失败。集成它时，我可能会错过一些简单的步骤，但我无法弄清楚。
首先，检查Chrome开发者工具或Firebug（无论您使用的浏览器是什么），以查看是否已实际导入您导入的3个文件。您的操作方式没有错，但始终要检查一下。然后，替换：
<script type="text/javascript">
$(document).ready(function() {
$('#horizontalTab').easyResponsiveTabs();
});
</script>
具有以下内容：
$document->addScriptDeclaration('$("#horizontalTab").easyResponsiveTabs();');
我认为这就是您调用插件的方式，因此可以肯定上面的代码可以解决问题
更新：
刚意识到您正在使用Joomla 3.0，因此与其使用导入jQuery的方式，不如使用以下方法：
JHtml::_('jquery.framework');
让您将其插入其他脚本之前。这使用Joomla 3.x编码标准以noConflict模式导入jQuery 。
希望这可以帮助
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句