Joomla Jquery不工作，为什么？

我安装了joomla 2.5正版安装，但JQuery不工作。我如何让JQuery在joomla中工作？默认JQuery库是否不与joomla兼容？

您可以为joomla使用JQuery Easy插件。这将在前端和/或后端以静默方式启用jQuery和/或jQuery UI。到这儿来

---

如果我没记错的话，这个插件用mootools处理noConflict问题。

你可以像这样在模板中添加jquery-

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/YOUR_TEMPLATE_NAME/PATH_TO_JAVASCRIPT_FOLDER/YOUR_JQUERY.js"></script>

摘自

使用Joomla API包含JavaScript文件有“两种方法”

<?php
$document = &JFactory::getDocument();
$document->addScript('/media/system/js/sample.js');
?>



或



强烈建议使用这些方法，因为它清楚地将另一种脚本语言（JavaScript）与主PHP代码区分开来，确保所有JavaScript都正确地嵌入到标记之间，并且在JDocument:：addScript和JHTML:：script的情况下，确保JavaScript文件只包含一次（即没有.js文件重复）。
$document=&JFactory:：getDocument（）；
$componentDir=JURI:：base（）；
$document->addStyleSheet（$componentDir.'/templates/movm/css/jquery.mobile-1.1.0.min.css'）；
$document->addStyleSheet（$componentDir.'/templates/movm/css/comman.css'）；
$document->addScript（$componentDir.'/templates/movm/js/jquery.min.js'）；
$document->addScript（$componentDir.'/templates/movm/js/jquery.mobile-1.1.0.min.js'）；
$document->addCustomTag（'jQuery.noConflict（）；'）；

注意：默认情况下，jQuery使用$作为jQuery的快捷方式

因为Joomla使用Mootools如果你想同时使用jQuery，你必须写jQuery而不是$

---

您是如何知道JQuery不工作的？在控制台中运行$（'body'）后，它返回null，这意味着JQuery库不存在！不是吗？@Gihan Dilusha-Joomla默认情况下使用mootools，但我们可以添加（使用）joomla中的jquery。问题是在模板或扩展中使用jquery的位置。另一个主要问题是很多时间工具和jquery冲突。@Happy Singh-如果我把jquery放在模板中可以吗？@GihanDilusha是的，你可以把它放在模板中-但是如果你在大多数文章中不需要它，它会被认为是坏的练习+1是一个好答案，但在给出路径示例时，您应该始终建议不要使用空格目录和文件名：

/path/to\u next/dir

<?php
// Add the path parameter if the path is different than 'media/system/js/'
JHTML::script('sample.js', 'templates/custom/js/');
?>

$document = &JFactory::getDocument();
$componentDir = JURI::base();

$document->addStyleSheet($componentDir.'/templates/movm/css/jquery.mobile-1.1.0.min.css' );
$document->addStyleSheet($componentDir.'/templates/movm/css/comman.css');
$document->addScript($componentDir.'/templates/movm/js/jquery.min.js' );
$document->addScript($componentDir.'/templates/movm/js/jquery.mobile-1.1.0.min.js' );
$document->addCustomTag( '<script type="text/javascript">jQuery.noConflict();</script>' );