Comment désactiver le rechargement lorsqu'un onglet est créé dynamiquement?

Question

J'utilise jQuery de manière dynamique pour créer des onglets, mais chaque fois que je clique sur un onglet, il recharge à nouveau l'URL cible. Comment désactiver le comportement de rechargement à moins que je ne souhaite le recharger à nouveau? merci beaucoup.

Answer 1

Utilisation event.preventDefault():

$('a.tab').click(function(event) { 
    event.preventDefault(); // this is the key 
    // your code here 
}); 

Modifier: En ce qui concerne votre commentaire - juste set cache to true:

$(document).ready(function() { 
    $apTabs = $("#apTabs").tabs({ 
     // ... 
     cache: true, // this does the magic 
     // ... 
    }); 
}); 

Answer 2

$('#tabs').click(function(){ 
    // code 
    return false; 
}); 

Answer 3

Poster mon code pour votre référence:

$(document).ready(function() { 

     $apTabs = $("#apTabs").tabs({ 
       ajaxOptions: { async: true }, 
      cache:false, 
      add: function(event, ui) { 
       //immdeiately select the new created one 
       $apTabs.tabs('select', '#' + ui.panel.id); 
      } 

      }); 

    }); 



    <div id="apTabs"> 
    <ul> 
     <li></li> 
    </ul> 
    <div></div> 
    </div>