rechargement de contenu via jquery load();

Question

J'essaie de développer un site ............ mon problème est que comment puis-je recharger seulement la page php en fonction de l'onglet pressé ........ !!

s'il vous plaît ne note que j'ai un seul div pour sortir le contenu ......... !! si je mets une fonction setInterval() jquery que cela recharge seulement la première page si l'un des autres onglets est pressé ........ !! et la page va très lentement ............ !! comment puis-je réparer ça ....... !!

Answer 1

Je vais aller de l'avant et supposer que j'ai une vague idée de ce que vous essayez de demander.

Est-ce quelque chose comme ce que vous essayez de faire?

$('#tab_console .tab').click(function() { 
    $('#tab_pane #my_ajax_pane') 
     .load('/path/to/page/'+$(this).attr('id')+'.php'); 
}); 

et

<div id="tab_console"> 
    <div class="tab" id="page_1">pane 1</div> 
    <div class="tab" id="page_2">pane 2</div> 
</div> 
<div id="tab_pane"> 
    <div class="pane" id="my_ajax_pane">pane 1 content</div> 
</div> 

Il n'y a aucune raison qui devrait être lent, mais si vous voulez éviter d'avoir à ajax-charge la page à chaque fois que l'utilisateur change onglets, vous pouvez simplement faire:

$('#tab_console .tab').click(function() { 
    $('#tab_pane .pane').hide(); 
    $('#tab_pane #'+$(this).attr('id')).show(); 
}); 

et

<div id="tab_console"> 
    <div class="tab" id="pane_1">pane 1</div> 
    <div class="tab" id="pane_2">pane 2</div> 
</div> 
<div id="tab_pane"> 
    <div class="pane" id="pane_1">pane 1 content</div> 
    <div class="pane" id="pane_2">pane 2 content</div> 
</div> 

et vous pourriez fournir un bouton "actualiser" si nécessaire.