[SOLUCIONADO] Utilizando dos plugins en misma pagina no conflict no funciona

[luisfer91]

Hola, llevo ya un rato probando de hacer funcionar dos mismos plugins de versiones diferentes en la index de mi página.

El tema es que uno solo funciona si se le llama desde el body, el otro desde el head.
He probado diferentes maneras con el no.conflict y ningun resultado.

Supongo que puede deberse a que uno es llamado desde el body y el otro desde el head.

Agradeceria mucho alguna sugerencia.
Os dejo el codigo original:

Código:

/*Este es el plugin del HEAD*/ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>



/*Y este el del BODY*/ <script type="text/javascript"      src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <script type="text/javascript" src="jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            var current = 1;

            var iterate     = function(){
                var i = parseInt(current+1);
                var lis = $('#rotmenu').children('li').size();
                if(i>lis) i = 1;
                display($('#rotmenu li:nth-child('+i+')'));
            }
            display($('#rotmenu li:first'));
            var slidetime = setInterval(iterate,3000);

            $('#rotmenu li').bind('click',function(e){
                clearTimeout(slidetime);
                display($(this));
                e.preventDefault();
            });

            function display(elem){
                var $this   = elem;
                var repeat  = false;
                if(current == parseInt($this.index() + 1))
                    repeat = true;

                if(!repeat)
                    $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){
                        $(this).animate({'opacity':'0.7'},700);
                    });

                current = parseInt($this.index() + 1);

                var elem = $('a',$this);

                    elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300);

                var info_elem = elem.next();
                $('#rot1 .heading').animate({'left':'-420px'}, 500,'easeOutCirc',function(){
                    $('h1',$(this)).html(info_elem.find('.info_heading').html());
                    $(this).animate({'left':'0px'},400,'easeInOutQuad');
                });

                $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){
                    $('p',$(this)).html(info_elem.find('.info_description').html());
                    $(this).animate({'bottom':'0px'},400,'easeInOutQuad');
                })
                $('#rot1').prepend(
                $('<img/>',{
                    style   :   'opacity:0',
                    className : 'bg'
                }).load(
                function(){
                    $(this).animate({'opacity':'1'},600);
                    $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){
                        $(this).remove();
                    });
                }
            ).attr('src','images/'+info_elem.find('.info_image').html()).attr('width','800').attr('height','300')
            );
            }
        });
    </script>

[luisfer91]

Lo he solucionado,
de entrada he puesto el código del body en el head
Si, parece que me precipite diciendo que no funcionaba si lo ponía en el head

Bueno después de probar con diferentes manera de utilizar No conflict para utilizar
las diferentes versiones del mismo plugin.

He probado utilizando la version 1.8 de jquery.min.js declarandola solo una vez...

Decir que antes de probar la 1.8 pase por muchas otras versiones

Y ya funciona :D