Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Pablo Gates

Problemas no Link sem Reload

Recommended Posts

Boa tarde galera estou com um problema nesse script

 

<script>
$(document).ready(function(){  
	$(".paginacao a").click(function( e ){  
		e.preventDefault();  
		var href = $( this ).attr('href');  
		$(".paginacao").load( href +"page");  
	});  
});  
</script>

 

quando eu clico ele duplica o index, e somente após isso os links funcionam normalmente sem dar reload na página :S

 

Parte do código relacionado á paginação

 

echo '<div class="paginacao">';

			    //mostrar numero de paginas
			    if($menos > 0) {
					echo "<a href=".$_SERVER['PHP_SELF']."?pagina=$menos>anterior</a>";
			    }

			    //listar paginas
				for($i=1;$i <= $pgs;$i++) {
					if($i != $pagina) {
						//echo " <a href='javascript:;' onclick='updateContent({$i})'>{$i}</a>";
						echo " <a href=".$_SERVER['PHP_SELF']."?pagina=".($i).">$i</a>";
					} else {
						echo " <span class='pgatual'>".$i."</span>";
					}
				}

				if($mais <= $pgs) {
					echo " <a href=".$_SERVER['PHP_SELF']."?pagina=$mais>próxima</a>";
						}
					}
				echo'</div>';

Compartilhar este post


Link para o post
Compartilhar em outros sites

http://api.jquery.com/event.stopPropagation/

 

 

$("p").click(function(event){
 event.stopPropagation();
 // do something
});  

 

não entendi como funciona o_0

 

como ficaria no lugar do faça algo pra não dar o reload na página ?

Compartilhar este post


Link para o post
Compartilhar em outros sites
$(".paginacao a").click(function( e ){  
   e.preventDefault();
   e.stopPropagation();
   var href = $( this ).attr('href');  
   $(".paginacao").load( href +"page");  
}); 

Compartilhar este post


Link para o post
Compartilhar em outros sites

$(".paginacao a").click(function( e ){  
   e.preventDefault();
   e.stopPropagation();
   var href = $( this ).attr('href');  
   $(".paginacao").load( href +"page");  
}); 

 

está dando o reload da mesma maneira ...

Compartilhar este post


Link para o post
Compartilhar em outros sites

então não use o elemento a como link.

Realmente o stopPropagation não é a função certa

a preventDefault q deveria cancelar o evento default do elemento

 

mas se isso não está acontecendo use um span como link

Compartilhar este post


Link para o post
Compartilhar em outros sites

então não use o elemento a como link.

Realmente o stopPropagation não é a função certa

a preventDefault q deveria cancelar o evento default do elemento

 

mas se isso não está acontecendo use um span como link

 

então a preventdefault está cancelando o reload mas o que acontece é que ela duplica a página e só assim a paginação fica normal sem dar os refreshs com o meu script

Compartilhar este post


Link para o post
Compartilhar em outros sites
$(".paginacao a").click(function( e ){  
   e.preventDefault();
   var href = $( this ).attr('href');
   $(".paginacao").innerHTML = ''; //editado
   $(".paginacao").load( href +"page");  
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

$(".paginacao a").click(function( e ){  
   e.preventDefault();
   var href = $( this ).attr('href');
   $(".paginacao").innerHTML = ''; //editado
   $(".paginacao").load( href +"page");  
});

 

 

O refresh ainda ocorre da mesma forma ...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.