JQuery无法正常工作,因为Mootools已经加载到joomla中

Question

我试图将JQuery lib包含在joomla中,但它不起作用.许多comps和模块在我的CMS中使用mootools.我认为问题是两个框架之间的冲突.

我搜索了互联网,发现了一些文章,但以下代码仍未按预期工作.

<?php
JHTML::stylesheet('demo_page.css', 'media/system/css/');
JHTML::stylesheet('ftab.css', 'media/system/css/');
JHTML::stylesheet('demo_table.css', 'media/system/css/');
$option="com_mycomp";
$base=JUri::root().'components/'.$option.'/js/';
$document=&JFactory::getDocument();
$noConflict="jQuery.noConflict();";
//$document->addScriptDeclaration($noConflict);
$document->addScriptDeclaration("jQuery(document).ready(function($){jQuery('#example').dataTable();});");
JHTML::script('jquery.js',$base,true);
$document->addScript($base,'jquery.js');
$document->addScript($base,'jquery.dataTables.js');
?>

这应该使用JQuery对我的表进行排序,但事实并非如此.

如何在joomla中同时使用mootools和jQuery？

预先感谢您的帮助!

Answer 1

读你的代码，我看到这个：

$noConflict="jQuery.noConflict();";
//$document->addScriptDeclaration($noConflict);
$document->addScriptDeclaration("jQuery(document).ready(function($){jQuery('#example').dataTable();});");
JHTML::script('jquery.js',$base,true);
$document->addScript($base,'jquery.js');
$document->addScript($base,'jquery.dataTables.js');

但它应该看起来像这样：

JHTML::script('jquery.js',$base,true);
$document->addScript($base,'jquery.js');
$document->addScript($base,'jquery.dataTables.js');
$noConflict="jQuery.noConflict();";
//$document->addScriptDeclaration($noConflict);
$document->addScriptDeclaration("jQuery(document).ready(function($){jQuery('#example').dataTable();});");

现在，原因如下：

JavaScript 按照其到达页面的顺序进行解释。在页面知道这些东西是什么之前，它被告知使用 jQuery.noConflict() 和 jQuery 数据表。