[Resolvido] Conflitos em Jquery

[R_MontSerrat 0]

Estou usando o scrolldeck e o scrolling parallax, mas quando boto os dois acontece o conflito

quando eu boto o código do scrolldeck nada mais funciona, que é o que está abaixo

 

       $(document).ready(function() {

      			var deck = new $.scrolldeck({
               buttons: '.nav-button',
               easing: 'easeInOutExpo'
               });

                // add other animations using the scrolldeck.controller (see Scrollorama plugin)
                console.log(deck.controller);
                deck.controller.animate('#menu',{ duration: 100, property:'opacity', end: 0 });

         });

 

 

 

Aqui embaixo está o codigo javascript completo

 

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" language="javascript"></script>
<script type="text/javascript" src="js/queryLoader.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  	<script type="text/javascript" src="js/jquery.betterTooltip.js"></script>
  	<script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1.min.js"></script>
       <script type="text/javascript" src="js/jquery.scrolldeck.js"></script>

      	<script src="js/jquery.lettering-0.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollorama.js"></script>
       <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
       <script src="js/lib/jquery.min.js" type="text/javascript"></script>
       <script src="js/jquery.queryloader2.js" type="text/javascript"></script>

       <script language="javascript" type="text/javascript">

	var $ = jQuery.noConflict()

	$(document).ready(function(){
		$('.tTip').betterTooltip({speed: 350, delay: 100});
	});

	$(document).ready(function () {
		$("body").queryLoader2({
			barColor: "#7FAFAF",
			backgroundColor: "#CEE2E9",
			percentage: true,
			barHeight: 10,
			completeAnimation: "grow",
			minimumTime: 100
		});
	});





</script>

 

 

 

Algúem pode me ajudar? é urgente!! Por favor

[Bru_ce 53]

você esta importando duas vezes a biblioteca jQuery,

importe apenas uma vez, sempre a mais atual.

 

duplicação aqui :

 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" language="javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">

 

importe essa, versão atual do site:

 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js">

[Dárcio Gomes 10]

de uma olhada nesse link: http://www.darcweb.com.br/VerPost/2/6-Como_executar_duas_ou_mais_aplicacoes_jQuery_em_uma_mesma_pagina_sem_conflitos

 

esse código var $ = jQuery.noConflict() você tem que colocar dentro da sua biblioteca jQuery, no final do código.

[R_MontSerrat 0]

Atualizei e tirei a duplicação, e adicionei o NoConflict, mas nada ocorreu, o código ficou assim.

 

	<script type="text/javascript" src="js/queryLoader.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  		<script type="text/javascript" src="js/jquery.betterTooltip.js"></script>
  	    <script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1.min.js"></script>
               <script type="text/javascript" src="js/jquery.scrolldeck.js"></script>

      	<script src="js/jquery.lettering-0.6.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.scrollorama.js"></script>
       <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
       <script src="js/lib/jquery.min.js" type="text/javascript"></script>
       <script src="js/jquery.queryloader2.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">


	$(document).ready(function(){
		$('.tTip').betterTooltip({speed: 350, delay: 100});
	});

	$(document).ready(function () {
		$("body").queryLoader2({
			barColor: "#7FAFAF",
			backgroundColor: "#CEE2E9",
			percentage: true,
			barHeight: 10,
			completeAnimation: "grow",
			minimumTime: 100
		});
	});



       $(document).ready(function() {

      			var deck = new $.scrolldeck({
               buttons: '.nav-button',
               easing: 'easeInOutExpo'
               });

                // add other animations using the scrolldeck.controller (see Scrollorama plugin)
                console.log(deck.controller);
                deck.controller.animate('#menu',{ duration: 100, property:'opacity', end: 0 });

       });


	var $ = jQuery.noConflict()
</script>

[Dárcio Gomes 10]

amigo você está chamando várias bibliotecas jQuery, você tem que chamar somente uma biblioteca.

 

utilize esse código:

   <!-- você precisa somente de uma biblioteca jQuery para fazer quantas aplicações quiser -->
   <script src="js/lib/jquery.min.js" type="text/javascript"></script>
    <!-- se você chamar alguma outra biblioteca abaixo dessa dará conflito mesmo utilizando a função noConflict() -->

   <script type="text/javascript" src="js/queryLoader.js"></script>
   <script type="text/javascript" src="js/jquery.betterTooltip.js"></script>
   <script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1.min.js"></script>
   <script type="text/javascript" src="js/jquery.scrolldeck.js"></script>

   <script src="js/jquery.lettering-0.6.1.min.js"></script>
   <script type="text/javascript" src="js/jquery.scrollorama.js"></script>
   <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
   <script src="js/jquery.queryloader2.js" type="text/javascript"></script>

   <script language="javascript" type="text/javascript">


               $(document).ready(function(){
                       $('.tTip').betterTooltip({speed: 350, delay: 100});
               });

               $(document).ready(function () {
                       $("body").queryLoader2({
                               barColor: "#7FAFAF",
                               backgroundColor: "#CEE2E9",
                               percentage: true,
                               barHeight: 10,
                               completeAnimation: "grow",
                               minimumTime: 100
                       });
               });



       $(document).ready(function() {

                       var deck = new $.scrolldeck({
               buttons: '.nav-button',
               easing: 'easeInOutExpo'
               });

                // add other animations using the scrolldeck.controller (see Scrollorama plugin)
                console.log(deck.controller);
                deck.controller.animate('#menu',{ duration: 100, property:'opacity', end: 0 });

       });


              // var $ = jQuery.noConflict(); esse código não é aqui 
</script>

 

 

abra esse arquivo:

<script src="js/lib/jquery.min.js" type="text/javascript"></script>

 

e coloque isso no fim do código:

var $ = jQuery.noConflict();

[Bru_ce 53]

mais uma vez você esta importando a biblioteca jQuery

 

<script src="js/lib/jquery.min.js" type="text/javascript"></script>

[Dárcio Gomes 10]

sem a bibliopteca jQuery você não irá conseguir fazer com que as aplicações em jQuery rode em seu script.

mas você precisa fazer isso somente uma fez se você chamar duas biblioteca jQuery diferentes as duas vão dar comflitos

 

é o caso do nosso amigo R_MontSerrat

[Bru_ce 53]

sim, ele estava importando 3 vezes a biblioteca, provavelmente versões diferentes!

importe a mais atual.

 

http://code.jquery.com/jquery-1.8.3.min.js

[R_MontSerrat 0]

Consegui pessoal, muito obrigado mesmo!!