como Colocar dois ou mais Jquery na mesma pagina

gleisonapbt · Junho 5, 2014

o problema amigos é o seguinte quando eu coloco o segundo script o primeiro para de funcionar e não entendo porque alguém me ajude eu vou enviar o codigo para ficar mais fácil de compreender oque eu estou falando

meu codigo está assim :

<!doctype html>
<html>
 
<head>
 
<meta charset="utf-8">
 
<link rel="stylesheet" type="text/css" href="CSS/stylo.css" > 
 
<link rel="stylesheet" type="text/css" href="css/carrossel_noticia.css"> 
 
<script language="javascript" type="text/javascript" src="JS/carrosel.js"> </script>
 
    <!--///////////////////////////////////////////////////////////////////////////////////////////////////
    //
    // Styles
    //
    ///////////////////////////////////////////////////////////////////////////////////////////////////-->
    
    
    <link rel="stylesheet" id="camera-css" href="css/camera.css" type="text/css">
 
 
    <style>
a {
color: #09f;
}
a:hover {
text-decoration: none;
}
#back_to_camera {
background: rgba(255,255,255,.9);
display: block;
line-height: 40px;
padding: 20px;
position: relative;
 
}
.fluid_container {
bottom: 0;
height: 100%;
left: 0;
right: 0;
z-index: 0;
}
#camera_wrap_4 {
bottom: 0;
height: 600px;
width:100%;
left: 0;
margin-bottom: 0!important;
right: 0;
top: -18px;
}
.camera_bar {
z-index: 2;
}
.camera_thumbs {
margin-top: -100px;
z-index: 1;
}
.camera_thumbs_cont {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.camera_overlayer {
opacity: .1;
}
</style>
 
 
    <!--///////////////////////////////////////////////////////////////////////////////////////////////////
    //
    // Scripts
    //
    ///////////////////////////////////////////////////////////////////////////////////////////////////--> 
 
 
    
    <script type="text/javascript" src="scripts/jquery.min.js"> </script>
    
    <script type="text/javascript" src="scripts/jquery.mobile.customized.min.js"> </script> 
    
    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"> </script>
    
    <script type="text/javascript" src="scripts/camera.min.js"> </script>
    
 
 
    <script>
jQuery(function(){
 
jQuery('#camera_wrap_4').camera({
height: 'auto',
loader: 'bar',
pagination: false,
thumbnails: true,
hover: false,
opacityOnGrid: false,
imagePath: 'images/'
 
});
 
});
</script>
 
    <!--///////////////////////////////////////////////////////////////////////////////////////////////////
    //
    // Scripts
    //
    ///////////////////////////////////////////////////////////////////////////////////////////////////--> 
    
    
 
    
       <!--///////////////////////////////////////////////////////////////////////////////////////////////////
    //
    // Scripts 2
    //
    ///////////////////////////////////////////////////////////////////////////////////////////////////--> 
 
 
 
    
    
   
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
 
 
<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.min.js" ></script>
 
<script type="text/javascript" src="js/jquery-ui-tabs-rotate.js" ></script>
 
 
<script type="text/javascript">
 
$(document).ready(function(){
$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
 
 
 
 
<title>  site </title>
 
</head>
 
<body>
 
<div id="interface"> 
 
 
<header id="cabecalho_principal">
 
<p> <big> imagem fundo </big> </p>
 
 
<nav id="menu_principal"> 
    
    <ul>
    
        <li> <a href="#" > Home </a> </li>
        
        <li> <a href="#" >  O PitBull </a>  </li>
        
        <li> <a href="#" >  Criadores </a>  </li>
        
        <li> <a href="#" >  Filhotes </a>  </li>
        
        <li> <a href="#"  >  Campeões </a>   </li>
        
        <li> <a href="#" >  Exposições </a>  </li>
    
    </ul>
</nav>
 
 
 
</header> <!-- fim da tag header cabecalho_principal  -->
 
 
 
 
 
 
 
<section id="corpo_right">
 
 
</section> <!-- fim corpo_right  -->
 
 
<!---  slider show   --->
 
 
 
 
 
 
 
 
<div id="back_to_camera">
        
<div class="fluid_container">
    
        <div class="camera_wrap camera_emboss pattern_1" id="camera_wrap_4">
        
            <div data-thumb="images/slides/thumbs/img1.jpg" data-src="images/slides/img1.jpg">
            
           <div class="camera_caption fadeFromBottom">
                    Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
                </div>
                
            </div>
 
 
            
  
            
            
            <div data-thumb="images/slides/thumbs/img2.jpg" data-src="images/slides/img2.jpg">
            </div>
            
            
            
            <div data-thumb="images/slides/thumbs/img3.jpg" data-src="images/slides/img3.jpg">
            </div>
            
            
            
            <div data-thumb="images/slides/thumbs/img4.jpg" data-src="images/slides/img4.jpg">
            </div>
            
            
            
            <div data-thumb="images/slides/thumbs/img5.jpg" data-src="images/slides/img5.jpg">
            </div>
            
            
            <div data-thumb="images/slides/thumbs/img6.jpg" data-src="images/slides/img6.jpg">
            </div>
            
            
        </div><!-- #camera_wrap_3 -->
 
    </div><!-- .fluid_container -->
 
 
 
 
 
 
 
 
<!---  Fim slider show ABAIXO MENU   --->
 
 
 
<!---  COMEÇO ÚLTIMAS NOVIDADES DO NOSSO SITE  --->
 
 
<div id="ultimas_noticias_site">
 
 
 
 
<h3>» ÚLTIMAS NOVIDADES DO NOSSO SITE</h3>
 
<div id="featured" >
        
 <ul class="ui-tabs-nav">
          
       <li class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img src="img/carrosel 1/image1-small.jpg" alt="" /><span> Aqui vai está ficando O titulo  e imagem 1 </span></a></li>
            
       <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="img/carrosel 1/image2-small.jpg" alt="" /><span> Aqui vai está ficando O titulo  e imagem 2 </span></a></li>
            
       <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="img/carrosel 1/image3-small.jpg" alt="" /><span> Aqui vai está ficando O titulo  e imagem 3 </span></a></li>
            
       <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="img/carrosel 1/image4-small.jpg" alt="" /><span> Aqui vai está ficando O titulo  e imagem 4 </span></a></li>
            
 
     </ul>
 
   <!-- First Content -->
   <div id="fragment-1" class="ui-tabs-panel" style="">
        
            <img src="img/carrosel 1/image1.jpg" alt="" />
            
            
<div class="info" >
             
<h2><a href="#" > Titulo grande titulo  e imagem 1 </a></h2>
                
<p>Descreva uma  prévia aqui para os usuários se interessarem e ler  o titulo  e imagem 1....<a href="#" >Leia Mais</a></p>
                
</div>
             
   </div>
 
   <!-- Second Content -->
   <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
        
<img src="img/carrosel 1/image2.jpg" alt="" />
            
<div class="info" >
             
<h2><a href="#" > Titulo grande titulo  e imagem 2 </a></h2>
                
<p>Descreva uma  prévia aqui para os usuários se interessarem e ler  o titulo  e imagem 2....<a href="#" >Leia Mais </a></p>
                
</div>
             
   </div>
 
   <!-- Third Content -->
   <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
        
<img src="img/carrosel 1/image3.jpg" alt="" />
            
<div class="info" >
             
<h2><a href="#" > Titulo grande titulo  e imagem 3 </a></h2>
                
<p> Descreva uma  prévia aqui para os usuários se interessarem e ler  o titulo  e imagem 3....<a href="#" >Leia Mais </a></p>
                
        </div>
             
   </div>
 
   <!-- Fourth Content -->
   <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
        
<img src="img/carrosel 1/image4.jpg" alt="" />
            
<div class="info" >
             
<h2><a href="#" > Titulo grande titulo  e imagem 4 </a></h2>
                
<p> Descreva uma  prévia aqui para os usuários se interessarem e ler  o titulo  e imagem 4....<a href="#" > Leia Mais </a></p>
                
        </div>
             
   </div>
 
 
 
</div>
</div>
 
 
 
 
 
</div>
 
 
<!---  Fim ÚLTIMAS NOVIDADES DO NOSSO SITE   --->
 
 
 
 
 
 
<footer id="rodape">
 
rodapé do site
 
</footer>
 
 
</div><!-- fim interface -->
 
</body>
 
</html>

William Bruno · Junho 5, 2014

Remova essa linha:

<script type="text/javascript" src="js/jquery-1.8.2.js"></script>

e ai aparte

Ctrl + Shift + J no Firefox e veja quais erros aparecem.

gleisonapbt · Junho 5, 2014

eu já removi essa linha mais se eu remove-lá não aparece o segundo jquery amigo

olhá só ai são dois jquey e é sustamente está linha que você citou que não deixa o primeira aparecer cara

na verdade se eu remove-lá o segundo jquery não ficar com efeito de transição mais que m***** socorrro gente por favor

--

na verdade se eu remove esta linha o segundo jquery não ficar com efeito de transição mais que coisa socorro gente por favor me ajudem preciso desse projeto pronto o mais rapido possível

William Bruno · Junho 5, 2014

Então cara, funciona assim:

jquery.min e jquery-1.8.2 são a mesma coisa. Vc não deve nunca importar o mesmo script 2 ou mais vezes em um documento. O que apareceu no console de erros, depois que vc removeu a linha que eu indiquei ?

gleisonapbt · Junho 5, 2014

Então cara, funciona assim:

jquery.min e jquery-1.8.2 são a mesma coisa. você não deve nunca importar o mesmo script 2 ou mais vezes em um documento. O que apareceu no console de erros, depois que você removeu a linha que eu indiquei ?

apareceu isto

Erro no processamento do valor de “background-color”. Declaração ignorada. stylo.css:62

Erro no processamento do valor de “background-color”. Declaração ignorada. stylo.css:77

TypeError: $ is not a function index.html:138

O método getPreventDefault() não deve mais ser usado. No lugar, use defaultPrevented. jquery.min.js:3

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img1.jpg?1401970582104 img1.jpg

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img5.jpg?1401970620049 img5.jpg

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img1.jpg?1401970582104 img1.jpg

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img3.jpg?1401970596779 img3.jpg

WARN addons.updates: Update manifest for {972ce4c6-7e08-4474-a285-3208198ce6fd} did not contain an updates property AddonUpdateChecker.jsm:312

WARN addons.updates: Update manifest for {87F8774F-B485-47E2-A755-A40A8A5E8873} did not contain an updates property AddonUpdateChecker.jsm:312

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img4.jpg?1401970608454 img4.jpg

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img2.jpg?1401970582222 img2.jpg

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img1.jpg?1401970582104 img1.jpg

Image corrupt or truncated: file:///C:/java/HTML/PITBULL/images/slides/img4.jpg?1401970608454 img4.jpg

eu peguei esses ai o que você acha meu amigo ? que eu tevo fazer para funciona tudo certinho

William Bruno · Junho 5, 2014

Vc está rodando o html com duplo clique ??

Não faça isso cara, instale um servidor local. Pode ser apache, ou qq coisa assim.

O único erro relevante para nós, é esse:

TypeError: $ is not a function index.html:138

E qual a versão desse jQuery ? scripts/jquery.min.js ?

gleisonapbt · Junho 5, 2014

você está rodando o html com duplo clique ??

Não faça isso cara, instale um servidor local. Pode ser apache, ou qq coisa assim.

O único erro relevante para nós, é esse:

E qual a versão desse jQuery ? scripts/jquery.min.js ?

SIM AMIGO EU ESTOU RODANDO TUDO EM DUPLO CLICK

VOU FAZER O SEGUINDE EU TENHO INSTALADO AQUI O XAMMP

VOU VER COMO FICAR RODANDO ELE

gleisonapbt · Junho 5, 2014

SIM AMIGO EU ESTOU RODANDO TUDO EM DUPLO CLICK

VOU FAZER O SEGUINDE EU TENHO INSTALADO AQUI O XAMMP

VOU VER COMO FICAR RODANDO ELE

cara olha eu rodei com o servidor local

removi o jquery-1.8.2 e deixei só o jquery.min mais o segundo jquery nao roda, aparece as imagens, mais o efeito de transição não aparece não sei oq pode estar acontecendo já tentei também deixar só o jquery-1.8.2 e remover o jquery.min mais ai o meu slide show some não aparece mais na pagina ( que é o primeiro jquery que já está cedo mencionado acima ) e agora socorro

gleisonapbt · Junho 5, 2014

Problema resolvido Galera obrigado a todos que me ajudaram encontrei a resposta

créditos : https://br.answers.yahoo.com/question/index?qid=20120921111159AA1UIb7

Antes :

Depois:

jQuery(document).ready(function(){

jQuery("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000, true);

});

</script>

perceberam eu só coloquei o jQuery ao invés do $

e pronto !

Arquivado

como Colocar dois ou mais Jquery na mesma pagina

Recommended Posts

gleisonapbt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

gleisonapbt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

gleisonapbt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

gleisonapbt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gleisonapbt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

gleisonapbt 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante