I'm trying to load tab content in a jsonp callback, but am not having any luck. I can put a breakpoint on the line that populates a tab and see that it is indeed populated with my desired contents, but it is immediately removed.
All of my tabs are generated dynamically and I do not explicitly create any target divs. This has always worked in the past when loading via a normal ajax request.
I don't see any easy way to hook up my jsonp callback to populate the selected tab.
Here's my tabs init:
- $("#tabs").tabs({
- ajaxOptions : {
- dataType : "jsonp",
- jsonpCallback : "myCallback"
- },
- select : getData
- });
I'm using the getData function to grab the selected tab id (ui.panel.id) and using it in "myCallback".
jquery 1.5.1 and jquery UI 1.8.12