代码之家  ›  专栏  ›  技术社区  ›  SimonDowdles

在noconflict()模式下使用jquery插件colorbox

  •  2
  • SimonDowdles  · 技术社区  · 14 年前

    我在joomla中使用jquery插件colorbox!主题,我很难让它在noconflict()模式下工作。我有以下代码调用我的jquery和noconflict();call,然后是我的实际jquery标记:

    <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">jQuery.noConflict();</script>
    <script type="text/javascript" language="javascript" src="PATH TO COLORBOX"></script>
    <script type="text/javascript" language="javascript">
        jQuery(document).ready(function(){
            jQuery('a.colorbox').colorbox();
        })
    </script>
    

    但是,我无法让它在noconflict()模式下工作。当禁用无冲突模式时,它不会起作用,但是joomla中相关的moootools脚本不会起作用。

    有人能给我指个方向吗? 非常感谢, 西蒙

    2 回复  |  直到 10 年前
        1
  •  3
  •   SimonDowdles    14 年前

    事实证明,在这一切之后,它与约姆拉的秩序有关!正在调用脚本。所以,对于所有遇到同一个问题的人来说,你的脚本调用都必须在joomla之后调用!包括头部标签,如下所示:

    <jdoc:include type="head" />
    <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">jQuery.noConflict();</script>
    <script type="text/javascript" language="javascript" src="<?php echo JURI::base(); ?>templates/helen-o-grady/js/jquery.colorbox-min.js"></script>
    <script type="text/javascript" language="javascript">
            jQuery(document).ready(function(){         
            jQuery('a.colorbox').colorbox({iframe:true, width:900, height:650});
            })(jQuery)
    </script>
    
        2
  •  2
  •   Community T.Woody    7 年前

    以下是答案: How to use no conflict for two types of jquery scripts .

    我已经修好了:

    <script type="text/javascript">
      var jQuery1_10_2 = $.noConflict(true);
      jQuery1_10_2 (document).ready(function() {
        jQuery1_10_2 (".video-popup").colorbox({iframe:true, innerWidth:850, innerHeight:509, fixed:true});
      });
    </script>
    

    这里。视频弹出窗口是我的弹出包装类。改变它。