Использование плагина jQuery ColorBox в режиме noConflict ()

Question

Я использую плагин jQuery ColorBox в Joomla!тема, и мне трудно заставить его работать в режиме 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 ().при отключении режима «без конфликта» он работает без проблем, но тогда связанные с ним скрипты Mootools в Joomla не работают.

Может ли кто-нибудь указать мне правильное направление здесь?С уважением, Симон

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

Вот ответ: Как использовать конфликт без двух типов сценариев jquery .

Я исправил это так:

<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 - это мой класс оболочки всплывающих окон. измени это.