Différents événements quand onclick onglets

Question

J'ai créé un onglet par jquery et je veux afficher différentes données de la base de données à chaque onglet comment puis-je faire cela en sachant que c'est le même conteneur et les mêmes données mais avec des conditions différentes espèrent trouver un répondre rapidement Et j'utilise php et javascript Merci

Answer 1

Je créerais une carte des ID d'onglet aux URL distantes que vous souhaitez appeler lorsque l'utilisateur clique sur l'onglet. Par exemple, dans JS:

<script type="text/javascript"> 
    var mySources = []; 
    mySources['home'] = '/ajax/getHome.php'; 
    mySources['about'] = '/ajax/getAbout.php'; 
</script> 

Et, lorsque votre page est en cours de construction, il est facile d'ajouter le clic auditeurs et appels ajax:

$(function(){ 
    $("#myTabContainer a.tabLink").click(function(event){ 
     event.preventDefault(); 
     url = mySources[this.id]; 
     $.get(url,null, 
      function(data){ 
       // this is the data returned by the server, 
       // put it wherever it needs to go 
      } 
     ); 
    }); 
}); 

Juste mon .02 $, mais'D soit comment je commencerais, au moins. Bonne chance!

Answer 2

On dirait que vous voulez juste ajax le contenu de l'onglet en fonction de l'onglet qui est cliqué? Ou voulez-vous vraiment du contenu différent en cliquant sur le même onglet, en fonction de certaines conditions?

Answer 3

vous pouvez régler le cas sur les onglets (# ('onglets'). Bind ('tabselect', 'doSomething())) et à l'intérieur doSomething appeler une méthode ajax