Ajouter et charger un onglet jquery

Question

J'ai un objet onglets jquery qui commence par un onglet défini. Cet onglet affiche une table de données et je veux que le fait de cliquer sur un élément de la table crée un nouvel onglet et charge le contenu via ajax. Tellement dynamique.

Jusqu'à présent, j'ai une fonction que j'appelle d'un événement onclick du premier onglet. La fonction ajoute un nouvel onglet. Ensuite, j'ai essayé de définir une URL, mais cela ne fonctionne pas. Comment puis-je faire cela?

function addTab() { 
    $("#tabs").tabs("add", "#tabs-x", "New Tab"); 
    $("#tabs").tabs("url" , 1 , "http://mysite.com/details.php"); 
} 

Notez que je vais faire passer un paramètre id à la fonction AddTab et à son tour à l'URL, mais je veux juste obtenir ces mécanismes initiaux vers le bas.

Answer 1

Vous ne pouvez pas modifier un onglet existant de supprimer la méthode url, de sorte que vous auriez besoin de l'avoir à distance d'abord, comme ceci:

function addTab() { 
    $("#tabs").tabs("add", "http://mysite.com/temp", "New Tab"); 
    $("#tabs").tabs("url" , 1 , "http://mysite.com/details.php"); 
} 

Ou tout simplement le mettre d'abord lors de l'ajout serait plus simple :

function addTab() { 
    $("#tabs").tabs("add", "http://mysite.com/details.php", "New Tab"); 
}