[Resolvido] Confito jQuery

[T_O_M] · Fevereiro 7, 2012

Eu sei que tem varias blib de jquery mas nao consegui resolver com o conflit

O slider nivo nao esta funcionando...

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/diversos.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript" src="js/swfobject_modified.js" ></script>
<script type="text/javascript" src="enquete/js/jquery-1.3.2.js" ></script>
<script type="text/javascript" >
$(function(){
var loader=$('#loader');
var pollcontainer=$('#pollcontainer');
loader.fadeIn();
//Load the poll form
$.get('enquete/poll.php', '', function(data, status){
pollcontainer.html(data);
animateResults(pollcontainer);
pollcontainer.find('#viewresult').click(function(){
//if user wants to see result
loader.fadeIn();
$.get('enquete/poll.php', 'result=1', function(data,status){
pollcontainer.fadeOut(1000, function(){
$(this).html(data);
animateResults(this);
});
loader.fadeOut();
});
//prevent default behavior
return false;
}).end()
.find('#pollform').submit(function(){
var selected_val=$(this).find('input[name=poll]:checked').val();
if(selected_val!=''){
//post data only if a value is selected
loader.fadeIn();
$.post('enquete/poll.php', $(this).serialize(), function(data, status){
$('#formcontainer').fadeOut(100, function(){
$(this).html(data);
animateResults(this);
loader.fadeOut();
});
});
}
//prevent form default behavior
return false;
});
loader.fadeOut();
});

function animateResults(data){
$(data).find('.bar').hide().end().fadeIn('slow', function(){
$(this).find('.bar').each(function(){
var bar_width=$(this).css('width');
$(this).css('width', '0').animate({ width: bar_width }, 1000);
});
});
}

});
</script>

William Bruno · Fevereiro 7, 2012

você não precisa do noconflict, pq você esta usando jquery + jquery

a única coisa q você tem q fazer, é apenas chamar o jquery não importa a versão, uma única vez, no início de tudo.

[T_O_M] · Fevereiro 7, 2012

Qual dos jQuery q eu deixo? Ja retirei mas nao funcionou

William Bruno · Fevereiro 7, 2012

deixa assim:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript" src="js/diversos.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/swfobject_modified.js" ></script>

entendeu ?

[T_O_M] · Fevereiro 7, 2012

deixa assim:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript" src="js/diversos.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/swfobject_modified.js" ></script>

entendeu ?

Eu fiz isso, mas parou de funcionar a enquete..agora o slider e a enquete nao funcionan.

William Bruno · Fevereiro 7, 2012

aperte Ctrl+Shift+J e veja pq não estão funcionando.

o teu jQuery.UI tem a lib jQuery incorporada ?

Mateus Avila Isidoro · Março 15, 2012

O arquivo diversos.js faz o que? Se ele é um operador de plugins, bota ele embaixo dos outros dois. Estranhamente, há uma ordenação de jquery, plugin e handler (operador0.

Jean Carlos_144918 · Abril 12, 2012

Ola usuários do imasters.

Acho que tenho um problema semelhante ao do nosso amigo, eu nao consegui resolver de nenhuma forma que conheço

espero que possam me ajudar vou mandar os scrpits

INDEX.PHP

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Comunidade Lançai Rede - Levando a Palavra de Deus a todos que Buscam</title>
<?php include("acesso2.php"); ?>
<?php require("script.php"); ?>
</head>
<body>
<div id="box">
<div id="corpo">
		<div id="logo"><img src="img/logo.png" width="606" height="159" /></div><!--LOGO-->
		<div id="logo-banner"><img src="img/logo-banner.png" width="280" height="213" /></div><!--LOGO-BANNER-->
           <div id="menu">
                    <ul>
                           <img src="img/bg-separacao.png" width="2" height="32" />
                           <li><a href="index.php">INICIAL</a></li>
                           <img src="img/bg-separacao.png" width="2" height="32" />
                           <li><a href="#">ARTIGOS</a></li>
                           <img src="img/bg-separacao.png" width="2" height="32" />
                           <li><a href="#">COMUNIDADE</a>
                               <ul>
                                   <li><a href="#">QUEM SOMOS</a></li>
                                   <li><a href="#">NOSSA HISTORIA</a></li>
                                   <li><a href="#">NOSSA VOCAÇÃO</a></li>
                                   <li><a href="#">FUNDADOR</a></li>
                                   <li><a href="#">NOSSOS MEMBROS</a></li>
                              </ul>
                           </li>
                           <img src="img/bg-separacao.png" width="2" height="32" />
                           <li><a href="#">GALERIAS</a></li>
                           <img src="img/bg-separacao.png" width="2" height="32" />
                           <li><a href="#">CONTATOS</a></li>
                           <img src="img/bg-separacao.png" width="2" height="32" />
                   </ul>
           </div><!--MENU-->
	<div id="box-conteudo">
		<div id="conteudo">
			<div id="cnt-left">
			<div id="galeria">
				<div id="featured" >
				<ul class="ui-tabs-nav">
				<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1">
				<img src="images/image1-small.jpg" /></a></li>
				<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2">
				<img src="images/image1-small.jpg" alt="" /></a></li>
				<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3">
				<img src="images/image1-small.jpg" alt="" /></a></li>
				<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4">
				<img src="images/image1-small.jpg" alt="" /></a></li>
				</ul>
				<!-- PRIMEIRO COMENTARIO -->
				<div id="fragment-1" class="ui-tabs-panel" style=""> <img src="images/image1.jpg" alt="" width="345" height="251" />
					<div class="info" >
						<h2><a href="#" >15+ Excellent High Speed Photographs</a></h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit....<a href="#" >read moe</a></p>
					</div><!--CLASS INFO-->
				</div><!--FRAGMENT-1-->

				<!-- SEGUNDO COMENTARIO -->
				<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
				<img src="images/image1.jpg" alt="" width="345" height="251" />
					<div class="info" >
						<h2><a href="#" >15+ Excellent High Speed Photographs</a></h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit....<a href="#" >read moe</a></p>
					</div><!--CLASS INFO-->
				</div><!--FRAGMENT-2-->

									<!-- TERCEIRO COMENTARIO -->
				<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> 
				<img src="images/image1.jpg" alt="" width="345" height="251" />
					<div class="info" >
						<h2><a href="#" >15+ Excellent High Speed Photographs</a></h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit....<a href="#" >read moe</a></p>
					</div><!--CLASS INFO-->
				</div><!--FRAGMENT-3-->

				<!-- QUARTO COMENTARIO -->
				<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> 
				<img src="images/image1.jpg" alt="" width="345" height="251" />
					<div class="info" >
						<h2><a href="#" >15+ Excellent High Speed Photographs</a></h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit....<a href="#" >read moe</a></p>
					</div><!--CLASS INFO-->
					</div><!--FRAGMENT-4-->
				</div><!--FEATURED-->
			</div><!--GALERIA-->
			<div id="painel-info">
				<div id="noticias">
					<div id="tabs">
                       	<ul>
                           	<li> <a href="#tabs-1">NOTICIAS</a></li>
                               <li> <a href="#tabs-2">COMUNIDADE</a></li>
                               <li> <a href="#tabs-3">AGENDA</a></li>
                           </ul>

                       <div id="tabs-1">
                       	<div class="destaque-noticia">
						<img src="img/big_686.jpg" width="106" height="84" />
                           </div><!--destaque-noticia-->

                       <div class="noticias">	
						<p><a href="#">Jornada Mundial no Rio de Janeiro 2012 Saiba Mais</a></p>
					</div><!--noticias-->

					<div class="noticias">
					  <p><a href="#">Assembleia reunirá mais de 300 bispos em sua 50º edição</a></p>
					</div><!--noticias-->

					<div class="noticias">
					  <p><a href="#">Assembleia reunirá mais de 300 bispos em sua 50º edição</a></p>
					</div><!--noticias-->

					<div class="noticias">
					  <p><a href="#">Assembleia reunirá mais de 300 bispos em sua 50º edição</a></p>
					</div><!--noticias-->

                       </div>
                       <div id="tabs-2">
                       	<ul>
                           	COMUNIDADE
                           </ul>
                       </div>
                       <div id="tabs-3">
                       	<ul>
                           	AGENDA
                           </ul>
                       </div>
                    </div><!--tabs-->
				</div><!--NOTICIA-->

	    <div id="mural">  
       <div class="mural">
				  <h1>MURAL DE RECADOS</h1>
                     <?php
                           $seleciona = mysql_query("SELECT * FROM muralrecados ORDER BY id DESC LIMIT 1");
                           while($resultado = mysql_fetch_array($seleciona)){
                           $pessoa = $resultado['nome'];	
                           $txt = $resultado['texto'];?>
                           <div class="recados">
                             <h2><?php echo $pessoa ?></h2>
                             <p><?php echo $txt ?></p>
                           </div><!--CLASS RECADOS-->
                   	<?php } ?>
   		</div><!--CLASS MURAL-->
			        <div class="mural-box">
					  <a href="javascript:abrir('muralrecados.php');"><p>ENVIE-NOS SEU RECADO</p></a>
					</div><!--mural-box-->
				</div><!--MURAL-->
			</div><!--PAINEL-INFO-->
			</div><!--CNT-LEFT-->
		<div id="cnt-center">
				<div class="cnt-center">
                   	<h1>ARTIGOS LANÇAI REDE</h1>
				<img src="img/bg-linha.png" width="240" height="1" />
				<div class="artigos">
					<img src="img/artigo-2.png">
					<h2>Douglas Paulino</h2>
					<p><a href="#">Dons do Espirito Santo - Como identifica-los</a></p></div><!--artigos-->
					<div class="artigos">
					<img src="img/artigo-2.png" width="47" height="52" />
					<h2>Douglas Paulino</h2>
					<p><a href="#">Dons do Espirito Santo - Como identifica-los</a></p></div><!--artigos-->
					<div class="artigos">
					<img src="img/artigo-2.png" width="47" height="52" />
					<h2>Douglas Paulino</h2>
					<p><a href="#">Dons do Espirito Santo - Como identifica-los</a></p></div><!--artigos-->
					<div class="artigos">
					<img src="img/artigo-2.png" width="47" height="52" />
					<h2>Douglas Paulino</h2>
					<p><a href="#">Dons do Espirito Santo - Como identifica-los</a></p></div><!--artigos-->
					<div class="artigos">
					<img src="img/artigo-2.png" width="47" height="52" />
					<h2>Douglas Paulino</h2>
					<p><a href="#">Dons do Espirito Santo - Como identifica-los</a></p></div><!--artigos-->
					<div class="artigos">
					<img src="img/artigo-2.png" width="47" height="52" />
					<h2>Douglas Paulino</h2>
					<p><a href="#">Dons do Espirito Santo - Como identifica-los</a></p></div><!--artigos-->
					<div class="artigos">
					<img src="img/artigo-2.png" width="47" height="52" />
					<h2>Douglas Paulino</h2>
					<p><a href="#">Dons do Espirito Santo - Como identifica-los</a></p></div><!--artigos-->
             </div><!--CLASS CNT-CENTER-->
           <div class="artigo-box">
      		  <p>VEJA TODOS ARTIGOS</p>
           </div><!--artigo-box-->
		</div><!--CNT-CENTER-->	
			<div id="cnt-right">
          	  <div class="redesociais">
             <img src="img/inicial-redes-sociais-logo-orkut.jpg" width="35" height="35" />
             <img src="img/inicial-redes-sociais-logo-twitter.jpg" width="35" height="35" />
             <img src="img/inicial-redes-sociais-logo-facebook.jpg" width="35" height="35" />
             </div><!--CLASS REDESOCIAIS-->
             <div class="pedidooracao"><img src="img/pedido de oracao.png">
             <p>PEDIDO DE ORAÇÃO</p>
             </div><!--PEDIDOORACAO-->
	    <div class="banner">
                 <h1>NOSSOS PARCEIROS</h1> 
           		<marquee onmouseover="this.stop()" onmouseout="this.start()" 
                   scrollamount="1" scrolldelay="70" direction="up" width="160" height="170">
                  <a href="#"><img src="img/plungees_logo_1_1.jpg" width="140" height="170" /></a><hr>
                  <a href="#"><img src="img/logo_renault.jpg" width="140" height="170" /></a><hr> 
                  <a href="#"><img src="img/images.jpg" width="112" height="136" /></a><hr>   
                  <a href="#"><img src="img/teste.jpg" width="140" height="170" /></a><hr>  
                  <a href="#"><img src="img/images.jpg" width="112" height="136" /></a><hr>                                        
           </marquee>    
             </div><!--BANNER-->
		</div><!--CNT-RIGHT-->
		</div><!--CONTEUDO-->
	</div><!--BOX-CONTEUDO-->
</div><!--CORPO-->
<div id="rodape"></div><!--RODAPE-->
</div><!--BOX-->
</body>
</html>

SCRIPTS JQUERY

<link href="stilo.css" rel="stylesheet" type="text/css" />

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);});</script>
<link rel="stylesheet" type="text/css" href="style.css" />

<script type="text/javascript" src="scripts/js/lib/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="scripts/js/tabs.js"></script>
<link type="text/css" href="scripts/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" />

TABS.JS

// JavaScript Document
$(function(){

// Abas
$('#tabs').tabs();	

$('a').click(function() {
	$(this).blur();
});		

});

ESPERO QUE ALGUÉM POSSA ME AUXILIAR NESTE PROBLEMA POIS AH DIAS ESTOU TENTANDO E NÃO CONSEGUI NADA AINDA

LINK DO SITE www.lancairede.com PARA VEREM O ERRO VALEU DESDE DE JÁ AGRADEÇO

William Bruno · Abril 12, 2012

tá vendo este trecho:

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>

? deixe assim:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>

Jean Carlos_144918 · Abril 12, 2012

Modifiquei conforme sua sugestão mais parou funcionar e perdeu as configurações do css do sistema de navegação em abas.

E meu slider também não funciona.

notei que eles aparentemente usam o mesmo tipo de Library só que versão diferentes li coisas sobre uma função

no.Conflict mais não entendi como faze-la você acha que pode ser por isto?

tem como resolver? to ficando sem opções para solução aguardo resposto e obrigado por ter respondido a duvida espero que consigamos resolver obrigado mais uma vez

William Bruno · Abril 12, 2012

vou colocar tudo.

Deixe assim:

<link href="stilo.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);});</script>
<link rel="stylesheet" type="text/css" href="style.css" />

<script type="text/javascript" src="scripts/js/lib/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="scripts/js/tabs.js"></script>
<link type="text/css" href="scripts/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" />

Jean Carlos_144918 · Abril 12, 2012

Resolvido problema

Com os metodos postados nao consegui resolver mais analizando mais a fundo o codigo notei que os meus arquivos jquery.min estavam puxando a mesma class que era .tabs, entao acessei o arquivo referente ao meu navegaçao em aba e que era o

"jquery-ui-1.8.2.custom.min.js" alterando os nomes .tabs para (.tab)

dentro do codigo do tabs.js alterei a class tabs para .tab e funcionou.

resolveu o problema espero que ajude tambem pessoas com mesmo possivel problema valeu pessoal pela força e estamos sempre junto na busca por conhececimento

Arquivado

[Resolvido] Confito jQuery

Recommended Posts

[T_O_M] 0

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

[T_O_M] 0

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

[T_O_M] 0

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

Mateus Avila Isidoro 8

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jean Carlos_144918 0

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

Jean Carlos_144918 0

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

Jean Carlos_144918 0

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