Javascript Mootools&；Joomla中的jQuery_Javascript_Jquery_Conflict

Javascript Mootools&；Joomla中的jQuery

javascript jquery

Javascript Mootools&；Joomla中的jQuery,javascript,jquery,conflict,Javascript,Jquery,Conflict,我读了所有相关的帖子，但我觉得我遗漏了一些东西我的页面结构是： 1-加载Joomla中的Motools库。代码： JHTML::_('behavior.tooltip'); JHTML::_('behavior.mootools'); JHTML::_('behavior.formvalidation'); 2-然后加载Jquery库代码为： <script language="javascript" src="<?=$this->baseurl;?>/include

我读了所有相关的帖子，但我觉得我遗漏了一些东西

我的页面结构是：

1-加载Joomla中的Motools库。代码：

JHTML::_('behavior.tooltip');
JHTML::_('behavior.mootools');
JHTML::_('behavior.formvalidation');

2-然后加载Jquery库代码为：

<script language="javascript" src="<?=$this->baseurl;?>/includes/js/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="<?=$this->baseurl;?>/includes/js/jquery/customjsfile.js"></script>`

4-加载页面的正文

5-在最后，又是几行JS代码。它再次使用Jquery。代码是：

<script language="javascript">
  $("#dialog").html(newHTML);
</script>


$（“#dialog”）.html（newHTML）；

这就是我的页面。现在我得到了Motools和Jquery中的冲突错误

如何解决此问题。

请参阅：

请参见本页。这里似乎有答案

jQuery.noConflict（），这就是您需要的

 <html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();

     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
 </head>
 <body></body>
 </html>


jQuery.noConflict（）；
//通过jQuery（…）使用jQuery
jQuery（文档）.ready（函数（）{
jQuery（“div”）.hide（）；
});
//将原型与$（…）等一起使用。
$（'someid'）.hide（）；

来源：

使用

jQuery

而不是

和

给予

许多JavaScript库使用$作为函数或变量名，正如 jQuery可以。在jQuery的例子中，$ 只是jQuery的别名，所以功能无需任何限制即可使用使用$。如果我们需要另一个 jQuery旁边的JavaScript库，我们可以将美元的控制权返还给调用的另一个库 $.noConflict（）：

我想在这里分享一件事——for-in循环返回一些奇怪的o/p。但是我首先在变量中获取array.length，然后使用for循环在数组上迭代，从而克服了这个问题。

 <html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();

     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
 </head>
 <body></body>
 </html>

jQuery.noConflict();