Question

我在Joomla中使用jQuery插件ColorBox！主题，并且很难让它在noConflict（）模式下工作。我有以下代码调用我的jQuery和noConflict（）;调用，然后是我的实际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中相关的Mootools脚本不起作用。

有人能指出我在正确的方向吗？非常感激，西蒙

Answer 1

事实证明，经过这一切，它与Joomla的顺序有关！正在调用脚本。因此，对于所有遇到同一问题的人来说，你的脚本调用必须全部在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>

Answer 2

以下是答案：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>

这里.video-popup是我的弹出包装类。改变它。

在noConflict（）模式下使用jQuery插件ColorBox

2 个答案: