#8529 closed bug (fixed)

Opened August 29, 2012 04:46AM UTC

Closed August 30, 2012 01:45PM UTC

Last modified August 30, 2012 01:45PM UTC

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>
Attachments (0)
Change History (5)

Changed August 29, 2012 11:59AM UTC by scottgonzalez comment:1

owner: → sarajay
status: new → pending
version: 1.9.0-rc.1 → 1.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).

Changed August 30, 2012 03:02AM UTC by sarajay comment:2

_comment0: Hi,[[BR]] \ \ Please find the sample here with latest version [http://jsbin.com/ifedah/2/edit].[[BR]] \ Other link I mentioned was just for example, that way of implementing tabs with latest version doesn't have this issue.[[BR]][[BR]] \ \ '''Note:''' in this sample I haven't included test1.html, test2.html, test3.html.[[BR]] \ These html files contains simple div with a para like this \ {{{ \ <div id="subtabs-1"> \ <p>test1</p> \ </div> \ }}} \ → 1346295829767416
_comment1: Hi,[[BR]] \ \ Please find the sample here with latest version [http://jsbin.com/ifedah/2/edit].[[BR]] \ Other link I mentioned was just for example, that way of implementing tabs with latest version doesn't have the mentioned issue.[[BR]][[BR]] \ \ '''Note:''' in this sample I haven't included test1.html, test2.html, test3.html.[[BR]] \ These html files contains simple div with a para like this \ {{{ \ <div id="subtabs-1"> \ <p>test1</p> \ </div> \ }}} \ → 1346296493280978
_comment2: Hi,[[BR]] \ \ Please find the sample here with latest version (1.9 rc1)[http://jsbin.com/ifedah/2/edit].[[BR]] \ Other link I mentioned was just for example, that way of implementing tabs with latest version doesn't have the mentioned issue.[[BR]] \ \ Clicking on child tabs heading will make the title as Loading... \ [[BR]][[BR]] \ \ '''Note:''' in this sample I haven't included test1.html, test2.html, test3.html.[[BR]] \ These html files contains simple div with a para like this \ {{{ \ <div id="subtabs-1"> \ <p>test1</p> \ </div> \ }}} \ → 1346301323979880
status: pending → new

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>

Changed August 30, 2012 11:44AM UTC by scottgonzalez comment:3

priority: minor → blocker
status: new → open
version: 1.8 → 1.9.0-rc.1

Confirmed: http://jsbin.com/ifedah/4/

Changed August 30, 2012 01:45PM UTC by Scott González comment:4

resolution: → fixed
status: open → closed

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

Changeset: 13fa4a9dac1ea993b659602f51b2fec28fa2b8f9

Changed August 30, 2012 01:45PM UTC by scottgonzalez comment:5

milestone: 1.9.0 → git