Jump to content
jonathanrn

Jquery cycle e ajax

Recommended Posts

Olá pessoal, estou tendo problemas com o jquery cycle depois que chamo outro slide via ajax no lugar do primeiro. Vou explicar melhor e colocar uma imagem.
Preciso fazer isso:

apagar.jpg.950d0538e05b9a41831bc20db67f2759.jpg

O slide 1 já está no index, quando clico no slide 2 ou 3 ele chama seu outro respectivo slide via ajax:

<script type="text/javascript">
	$(document).ready(function(){
		$(".jsEscolha a").click(function( e ){
			e.preventDefault();
			var href = $( this ).attr('href');
			$("#trocaSlideJS").load( href +"#trocaSlideJS");
		});
	});
</script>

 

Jquery Cycle:

<script type="text/javascript">
	$(document).ready(function(){
	//CONF SLIDE
		$('#imagens ul').cycle({
			fx: 'fade',
			speed: 2000,
			timeout: 5000,
			next: '#prox',
			prev: '#ant',
			pager: '#pager'
		});
	});
</script>


HTML: 

<h1>INDEX SEM REFRSH</h1>


					<div id="imagens">
 						<div id="trocaSlideJS">
 							<ul>
                            	<li>
                                	<img src="https://s-media-cache-ak0.pinimg.com/originals/c5/53/7d/c5537d0e8aa31d595a612aae578d2e06.jpg" alt="imagem01" title="imagem01" width="600" height="300" />
                            	</li>
                     
                            	<li>
                                	<img src="http://4.bp.blogspot.com/-J-v5eIxTkwU/UN4sUKWetyI/AAAAAAAAAOk/03TWVVn0iSY/s1600/WallPaper-HD-3160.jpg" alt="imagem02" title="imagem02" width="600" height="300" />
                            	</li>
                     
                            	<li>
                                	<img src="http://cdn.pcwallart.com/images/california-palm-trees-tumblr-background-wallpaper-2.jpg" alt="imagem03" title="imagem03" width="600" height="300" />
                     
                            	</li>
                     
                        	</ul>
 
                        	<div class="pag">
                            	<a href="#" id="ant">anterior</a>
                            	<span id="pager"></span>
                            	<a href="#" id="prox">próximo</a>
                        	</div>
						</div>
                    </div>
                    
                    <div class="jsEscolha">
                    	<button><a href="index.html">slide01</a></button>
                    	<button><a href="slides/slide2.html">slide02</a></button>
                    	<button><a link="slide03.html">slide03</a></button>
                    </div>

 

Quando clico no slide 2 , o ajax chama a id="trocaSlideJS" do slide 2  mas o cycle para de funcionar.

 

O console não mostra muita coisa. Vou deixar o arquivo aqui pra quem quiser se aprofundar: slides.zip

 

Por que não está funcionando? Dês de já agradeço.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By fideles
      Mais uma vez venho aqui pedir ajuda a vocês.
       
      Tenho um formulario que criei aqui na empresa algo bem simples, somente para sair das planilhas de excel, que seria cadastro de funcionarios.
       
      Tem os campos, matricula, nome completo, unidade de trabalho, endereço e telefone de emergencia.
       
      A parte do formulario funciona, a gravação no BD tbm, listar as informações também, ai me perguntaram se era possível um auto preenchimento dos campos colocando somente a matricula do funcionario e respondi que eu não sei porque realmente não sei.
       
      A ajuda que eu preciso de vocês seria, é possível fazer isso ? Colocar a matricula e vir do banco e preencher os outros inputs? Se sim, é possível me derem um exemplo de como funciona e eu estudar o codigo e colocar nos outros inputs.
       
      Obrigado antecipadamente. 
       
    • By Authent
      Gente tenho um laço de repetição onde exibi uma lista , nele contem um botão para atualizar o nível desses itens, porem queria que a pagina não desse refresh e ao mesmo tempo enviasse uma msg para o "TD" daquele item atualizado, e utilizei o Ajax que envia no metodo post o id, porem ele está enviando só o ultimo id da lista alguem poderia me ajudar. Abaixo explicarei melhor
       
      while($row = $select->fetch(PDO::FETCH_ASSOC)): ?> <tbody> <tr> <td><?php echo $row['nome'];?></td> <td><?php echo $row['data'];?></td> <td class="contador<?php echo $row['id']; ?>"> <ul class="actions"> <li><a href="" id="<?php echo $row['id'];?>" class="ative btnUpdate"><i class="fas fa-check"></i> Atualizar</a></li> </ul> </td> </tr> </tbody> <form class="ajax_form"> <input type="hidden" class="id" name="id" value="<?=$row['id']?>" /> </form> <?php endwhile; ?> Nesse laço de repetição eu adicionei um td com uma class ID, para que a msg enviada fosse só para aquele td, até ai esta funcionando normal
      e o link que contem o ID = id, e um formulario dentro do while, e o valor do input é o valor do id
       
      <script> $(document).ready(function(){ $("body").delegate('.btnUpdate', 'click', function(e){ e.preventDefault() //Para anular o comportamento padrão do link var dados = $(".ajax_form").serializeArray(); var id = $(this).attr("id"); var contador = id; $.ajax({ url: "action/test.php", type: "POST", data: dados, success: function (resultado) { console.log(resultado); $('.contador'+contador+'').html(resultado); }, error: function (jqXHR, textStatus, errorThrown) { alert(jqXHR) console.log(jqXHR); } }); }) }); </script> e no script do Ajax ele recupera os dados, e enviar uma msg de sucesso para a class .contador+id(nessa parte está funcionando perfeitamente), porem como mencionado o id que está sendo enviado para o arquivo test.php é sempre o ultimo id do meu while alguem poderia me ajudar. se houver outro método estou aceitando também
    • By FabianoSouza
      Pessoal, qual a forma correta de enviar emoji por AJAX ao meu backend?
       
      Tem que usar:
      encodeURIComponent(minhaString) ??
      Quando envio uma string que tem texto junto com emoji,  meu código não funciona.
      Quando envio apenas o emoji, vai um código meio louco para o backend.
       
      Qual a maneira correta de tratar isso?
      Seria separar texto de emoji para enviar, e no backend juntar tudo novamente para poder gravar no banco?
       
      Preciso entender conceitualmente qual é a melhor forma de tratar essa situação, depois partir para a programação.
       
      Já fiz os testes do meu banckend: grava emoji com texto direitinho.
      O problema está realmente no meu frontend. Preciso saber como devo fazer o POST dos dados.
       
      Valew!!
       
       
    • By kaayasinho
      Boa tarde Pessoal tudo bom?
      Durante um tempo eu fui estudante de programação, para web. E esse forum me foi muito util pois aprendi muitas coisas, e tirei muitas duvidas com todos os participantes. Por outro lado não segui a carreira de programado pois tive outras oportunidades.
       
      Em fim, estou com um projeto de criar uma plataforma online para eventos, e estou tentando montar um time chegar nesse objetivo. Por hora ainda estou tentando juntando a equipe necessária para isso acontecer.
       
      Pela pouca experiência que tive na programação, sei que fazer essa plataforma é bem complexa principalmente com as necessidades que vamos englobar, porém o mercado esta escasso de plataformas flexíveis, no sentido de oferecer algumas ferramentas básicas na comunicação. apesar de ja existir algumas plataformas no mercado.
       
      Resumo:
      1-) Procuro por programadores backend com experiência (não sei exatamente informar a linguagem) mas chuto que Java, Javascript e PHP sejam fundamentais. (sei que abusaremos muito do AJAX)
       
      2-) Programador FrontEnd, com experiência. E que tenha principalmente em boas praticas, pois código sujo cheio de plugins tornará a plataforma pesada, e cheia de bugs.
       
      PS: Não procuro nada pronto, claro que plugins coisas são inevitáveis porém para funcionarmos Lisos com menos bugs possíveis procuro algo feito “artesanalmente” rsrs.
       
      Obs: o projeto esta no inicio ainda, estou juntando contatos para chegar no objetivo, e assim que tiver um contato gostaria de poder conversar trocar ideias, caso seja um projeto onde você se identifique nada impede de sermos parceiros ter uma % sobre o negocio.
       
       
      Obs2: Desculpem se escrevi meio enrolado ou esta complicado de entender. pois apenas disse plataforma de eventos e não especifiquei nada. mas assim que receber um contato eu passo mais informações com alguns links de exemplos, que é melhor que falar.
       
      E caso aqui seja o lugar correto posso passar mais informações por aqui também.
       
      Seguem alguns exemplos de plataforma de eventos online.
      Download de 2 PDFs de apresentações do mesmo segmento
       
      Site de uma das plataformas porém proximo do que almejamos
      https://www.swaper.com.br/
       
       
      Fico a disposição,
       
      Desculpem se postei no local incorreto
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.