Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#8529 closed bug (fixed)

tabs with in tabs, heading appears as Loading...

Reported by: sarajay Owned by: sarajay
Priority: blocker Milestone: git
Component: ui.tabs Version: 1.9.0-rc.1
Keywords: Cc:
Blocked by: Blocking:

Description

Hi,

When adding tabs dynamically inside another tab, then child tabs heading appears as "Loading...".


hint: the tabsbeforeload event is triggered twice, one for parent tab & one for current tab ...


Note: Static way of adding child tabs like this http://jsbin.com/ubaqe/1/edit doesnt have that issue.

<script>
  $(document).ready(function() {
		$("#tabs").tabs();
		var mytabs =$("#subtabs").tabs();
		mytabs.tabs('add', 'test1.html', 'test1',1);
		mytabs.tabs('add', 'test2.html', 'test2',2);
		mytabs.tabs('add', 'test3.html', 'test3',3);
	});
</script>
</head>
<body>
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <div id="subtabs">
	<ul></ul>
    </div>
  </div>
  <div id="tabs-2">
    <p>test 2</p>
  </div>
  <div id="tabs-3">
    <p>test 3</p>
  </div>
</div>
</body>

child tabs -- test1.html/ test2.html/test3.html

<div id="subtabs-1">
        <p>test1</p>
      </div>

Change History (5)

comment:1 Changed 7 years ago by Scott González

Owner: set to sarajay
Status: newpending
Version: 1.9.0-rc.11.8

Can you please provide a page showing the problem instead of a page not showing the problem? Also, please do not file bugs against 1.9.0-rc.1 if you're linking to test pages that are using 1.8.x (especially when using 1.8.0 which is 23 versions old).

comment:2 Changed 7 years ago by sarajay

Status: pendingnew

Hi,
Please find the sample here with latest version (1.9 rc1)http://jsbin.com/ifedah/2/edit.
Other link I mentioned was just for example, that way of implementing tabs with latest version doesn't have the mentioned issue.

Clicking on child tabs will make the title as Loading...

Note: in this sample I haven't included test1.html, test2.html, test3.html.
These html files contains simple div with a para like this

<div id="subtabs-1">
  <p>test1</p>
</div>

Last edited 7 years ago by sarajay (previous) (diff)

comment:3 Changed 7 years ago by Scott González

Priority: minorblocker
Status: newopen
Version: 1.81.9.0-rc.1

comment:4 Changed 7 years ago by Scott González

Resolution: fixed
Status: openclosed

Tabs: Don't apply a spinner when nested tabs are loading. Fixes #8529 - tabs with in tabs, heading appears as Loading....

Changeset: 13fa4a9dac1ea993b659602f51b2fec28fa2b8f9

comment:5 Changed 7 years ago by Scott González

Milestone: 1.9.0git
Note: See TracTickets for help on using tickets.