Question

I´m trying to open a tab using jquery, here is my code:

$("#ecContenedorFolders").tabs({
     tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon-close'></span></li>"                                                     
});
$("#ecContenedorFolders").tabs("add","#ecApp05","Friends Discussions");   

As everyone can see i´m using a template, so when i use the 1st 3 lines i get my new tab, but i can switch between prevoius tabs, if i only use the last line i get my new tab, i can switch between tabs, but i can add content. ¿Does anyone knows a way to improuve this code?

Thanks in advance.

Answer 1

What you need is to include panelTemplate along with your tabTemplate. Something like this:

$("#ecContenedorFolders").tabs({
  tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon-close'></span></li>",
  panelTemplate: "<p>Panel Text here</p>"
});

$("#ecContenedorFolders").tabs("add", "#ecApp05", "Friends Discussions");

Hope this helps!