Nested jQuery tabs

Question

I\'m new to jQuery (a couple of weeks). I\'m trying to nest the jQueryUI tab control. It works fine until the nested tabs are in an external file then I get an exception thrown

Answer 1

If you are fetching the inner tabs through ajax, don't include a full html document and jquery, everything is being redefined in javascript and is conflicting.

Simply remove the whole head, body, and html wrapper tags leaving the , and it should work.

You also need to redefine the tabs when they it is loaded. Add a callback to the ajax tabs function -- (something like function ontabAJAX(){ if ($('.tab .active .innertabs').length)){ $('.tab .active .innertabs').removeClass('innertabs').addClass('tabbed').tabs() }).