[Resolvido] Links internos da navegação Ajax não funcionam.

[Marcos Junior 0]

O menu principal do meu site funciona normal. O problema está nos links internos que não abrem de jeito nenhum.

 

Por exemplo, se o menu principal aponta para uma página chamada "empresa.php", a página carrega na div de conteúdo. No entanto os links contidos no arquivo "empresa.php" não abrem na div de conteúdo, abrem o arquivo direto no browser.

 

Vejam meu código em javascript:

 

$(document).ready(function() {
   jQuery('a').each(function() {
       var href = jQuery(this).attr('href');
       jQuery(this).attr('href','javascript:void(0)');
       jQuery(this).click(function() {
           jQuery('#content').html("");
           jQuery("#carregando").show('slow');
           jQuery.get( href , function(data) {
               jQuery('#content').html(data);
               jQuery("#carregando").hide('slow');
           });
           return null;
       });
   });
});
jQuery.noConflict();

[William Bruno 1501]

Leia sobre a função .live():

http://wbruno.com.br/blog/2011/03/18/metodo-live-jquery/

[Marcos Junior 0]

Essa solução não resolveu meu problema.

[William Bruno 1501]

Pelo que entendi do que você descreveu, teria que ter resolvido sim.

 

Se não resolveu, ou você não explicou direito, ou você implementou errado.

Poste como ficou o teu script.

[Marcos Junior 0]

Pelo que entendi do que você descreveu, teria que ter resolvido sim.

 

Se não resolveu, ou você não explicou direito, ou você implementou errado.

Poste como ficou o teu script.

 

A solução que você propôs é para adicionar elementos html na página.

 

Minha dúvida é sobre os links internos que não carregam na div content.

[William Bruno 1501]

A situação é a mesma amigo.. eu não te mostrei "como inserir elementos na página".

Eu te mostrei como e pq os eventos de elementos inseridos não funcionam, e mostrei como fazer para resolver isso.

 

 

 

Leia com mais atenção. Eu não iria te sugerir algo completamente fora do que você precisa, e nem insistir se eu não tivesse certeza do que estou falando.

Abstraia a informação e faça a implementação que eu sugeri no teu script.

[Marcos Junior 0]

Agora não carrega link nenhum. Veja meu código:

$(document).ready(function() {
   jQuery('a').each(function() {
       var href = jQuery(this).attr('href');
       jQuery(this).attr('href','javascript:void(0)');
       jQuery(this).live('click', function() {
           jQuery('#content').html("");
           jQuery("#carregando").show('slow');
           jQuery.get( href , function(data) {
               jQuery('#content').html(data);
               jQuery("#carregando").hide('slow');
           });
           return null;
       });
   });
});
jQuery.noConflict();

[William Bruno 1501]

logo, tem erro.

 

Teste assim:

$(document).ready(function() {
   jQuery('a').live('click', function( e ) {
           e.preventDefault();
           var href = jQuery(this).attr('href');

           jQuery('#content').html("");
           jQuery("#carregando").show('slow');
           jQuery.get( href , function(data) {
               jQuery('#content').html(data);
               jQuery("#carregando").hide('slow');
           });
   });
});

[Marcos Junior 0]

Obrigado Will!

 

Agora Funfou!

 

Valeu mesmo!

[Marcos Junior 0]

Ainda não ta resolvido.

 

Quando clico em um dos links, peço para o jQuery adicionar a classe "interno" ao body da página.

 

Quando uso o mesmo recurso em uma das páginas internas, o jQuery não funciona. No link da página interna solicito que o jQuery retire a classe "interno" do body e não acontece nada.

 

Vejam o código:

$(document).ready(function() {
   jQuery('a').live('click', function(e) {
       e.preventDefault();
       var href = jQuery(this).attr('href');

       jQuery('#container').html("");
       jQuery("#carregando").show('slow');
       jQuery.get( href , function(data) {
           jQuery('#container').html(data);
           jQuery("#carregando").hide('slow');
       });
   });

   jQuery('.item03 a').click(function() {
       jQuery("body").addClass("interno");
   });

   jQuery('.item05 a').click(function() {
       jQuery("body").removeClass("interno");
   });

});
jQuery.noConflict();

[William Bruno 1501]

use novamente o live nesses novos cliques também.