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

Question

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

Answer 1

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

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

Редактировать : Что касается вашего комментария - просто установите cache в 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>