[Resolvido] Diferença nos links dos menus jquery

[duquesimba 0]

Bom dia caros amigos do imaster.

 

Estou com um problema que com certeza deve ser simples, mais como ainda estou engatinhando com jquery gostaria de uma ajudinha do pessoal.

 

Tenho uma div central chamada (BOX) e um menu em abas acima dela que muda o conteudo de acordo com o link.

 

Pagina index.php

<div id="menu" class="menu">
<ul id="menu">  
       <li><a href="dadoscliente.php">Dados do Cliente</a></li>  
       <li><a href="compras.php">Compras</a></li>  
       <li><a href="vendas.php?game=5">Vendas</a></li>

   </ul><!-- /menu -->

</div>

 

Jquery

   $(document).ready(function(){  
       var content = $('#box');  

       //pre carregando o gif  
       loading = new Image(); loading.src = 'imagens/loading.gif';  
       $('#menu a').live('click', function( e ){  
           e.preventDefault();  
           content.html( '<img src="imagens/loading.gif" />' );  

           var href = $( this ).attr('href');  
           $.ajax({  
               url: href,  
               success: function( response ){  
                   //forçando o parser  
                   var data = $( '<div>'+response+'</div>' ).find('#content').html();  

                   //apenas atrasando a troca, para mostrarmos o loading  
                   window.setTimeout( function(){  
                       content.fadeOut('slow', function(){  
                           content.html( data ).fadeIn();  
                       });  
                   }, 500 );  
               }  
           });  

       });  
   }); 

 

Funciona normalmente, mais ai surgiu uma questão:

O link Dados do Cliente na verdade não haveria necessidade de ficar carregando novamente a pagina dadoscliente.php sempre que clicado, pois estes dados eu já colocaria em uma div (escondida) Ex. <div id="dadoscliente">, pois não tem alteração.

 

A questão é: Como tornar o link <li><a href="dadoscliente.php">Dados do Cliente</a></li> para simplesmente algo que fizesse a div dadoscliente escondida ser mostrada na div box.

 

Já vi códigos para carregamento de páginas e para carregamento de div separados, mais não consigo fazer funcionar os dois juntos.

 

Tenho certeza que alguem já passou por isso e vai me ajudar.

Obrigado

[William Bruno 1501]

eu faria seletores diferentes cara.

 

$('.menu-ajax').live('click', function( e ){ 
///aqui o codigo que você ja tem

 

        <li><a href="dadoscliente.php" class="menu-display">Dados do Cliente</a></li>  
       <li><a href="compras.php" class="menu-ajax">Compras</a></li>  
       <li><a href="vendas.php?game=5" class="menu-ajax">Vendas</a></li>

 

e ai usaria outra função:

 

$('.menu-display').live('click', function( e ){ 
///codigo para fazer o display block

 

 

entendeu ? bem simples ne?! :nataltongue:

[duquesimba 0]

Prezado William Bruno

 

Realmente este jquery é muito simples.

 

Só estou com uma dúvida no 2 seletor $('.menu-display') poderia me ajudar como eu faria para mudar a div box.

 

Ficaria muito agradecido