Comment ajouter du code HTML supplémentaire à un panneau d'onglets de l'interface utilisateur jQuery?

Question

Je veux implémenter un "show more" paginator à l'intérieur d'un panneau à onglets jQuery. Si l'utilisateur clique sur le lien "afficher plus", je souhaite charger plus d'éléments et les ajouter au contenu existant du panneau à onglets.

J'espère qu'il y a un moyen d'accéder à l'élément "ui" qui est disponible dans les rappels d'événement standard. Quelque chose comme ça ...

var tabPanel = $('#myTabsElement').tabs().ui.panel; 
moreElements.appendTo(tabPanel); 

Y at-il un moyen facile d'accéder à cet objet?

Answer 1

Pour accéder au <div> contenant le contenu d'un onglet, utilisez la fonction de sélection jQuery standard. Voir pour un exemple d'onglets en action. En utilisant cet exemple, vous pouvez utiliser le code suivant pour ajouter au "panneau" du troisième onglet:

var tabPanel = $('tabs-3'); 
moreElements.appendTo(tabPanel);