Wie kann das Neuladen deaktiviert werden, wenn ein Tab dynamisch erstellt wird?

Question

Ich benutze jQuery dynamisch Registerkarten erstellen, aber jedes Mal, wenn ich auf einen Tab klicke, wird die Ziel-URL erneut geladen. Wie kann ich das Reload-Verhalten deaktivieren, wenn ich es nicht erneut laden möchte? vielen Dank.

Answer 1

Verwendung event.preventDefault():

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

bearbeiten: Betreffend Sie Ihren Kommentar - nur 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

Beitrag meinen Code für Ihre Referenz:

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