【问题标题】:Conflicts in Mootools & jQuery In JoomlaMootools 和 jQuery 在 Joomla 中的冲突
【发布时间】:2014-05-12 19:18:05
【问题描述】:

我阅读了所有相关的帖子,但我认为我遗漏了一些东西。

我的页面结构是:

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>`

3 - 然后很少有使用 Jquery 功能的 JS 函数。代码是:

function abc() { /* -.stuffs uses jquery */ }
function xyz() { /* ..another function which uses jquery */}

4 - 加载页面正文

5 - 最后还是几行 JS 代码。再次使用 Jquery。代码是:

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

这就是我的页面的样子。 现在我在 Motools 和 Jquery 中遇到冲突错误。

我该如何解决。

【问题讨论】:

    标签: javascript jquery conflict


    【解决方案1】:

    使用jQuery 代替$

    jQuery.noConflict();
    

    jQuery.noConflict

    许多 JavaScript 库使用 $ 作为 函数或变量名,就像 jQuery 可以。在 jQuery 的情况下, $ 是 只是 jQuery 的别名,所以所有 功能不可用 使用 $。如果我们需要使用另一个 jQuery 旁边的 JavaScript 库, 我们可以将 $ 的控制权返回给 另一个库调用 $.noConflict():

    【讨论】:

    • 我想在这里分享一些东西 - for-in 循环返回一些奇怪的 o/p。但我设法通过首先将 array.length 放入变量中然后使用 for 循环遍历数组来克服它。
    【解决方案2】:

    【讨论】:

      【解决方案3】:

      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>
      

      来源:http://docs.jquery.com/Using_jQuery_with_Other_Libraries

      【讨论】:

        【解决方案4】:

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多