Как отключить перезагрузку при динамическом создании вкладки?

Question

Я использую jQuery для динамического создания вкладок, но каждый раз, когда я нажимаю одну вкладку, он снова загружает целевой URL. Как отключить поведение перезагрузки, если я не захочу перезагрузить его снова? большое спасибо.

Answer 1

Использование event.preventDefault():

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

Edit: Что касается Вашего комментария - просто 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

Сообщение мой код для справки:

$(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>