#7493 closed bug (wontfix)

Opened June 21, 2011 09:57PM UTC

Closed June 27, 2011 12:46PM UTC

Last modified July 01, 2011 12:22PM UTC

ui.tabs: load event does not work as expected

Reported by: foomaster Owned by:
Priority: minor Milestone: git
Component: ui.tabs Version: git (not yet released)
Keywords: Cc:
Blocked by: Blocking:
Description

Hi there,

the ui.tab property of the load event does not seem to work.

Expected to work:

  load: function(e, ui) {
    ui.tab.find("span").html("Test");
  }

but the content of the tab remains unchanged.

This works (the tabs DIV has id="tabs"):


  load: function() {
    $("#tabs .ui-tabs-loading span").html("Test 2");
  }

HTML:

  <div id="tabs">
    <ul>
      <li><a href="some/URL"><span>Tab 1</span></a></li>
      <li><a href="other/URL"><span>Tab 2</span></a></li>
    </ul>
  </div>

Seems the tab property is not initialized properly.

Foomaster

Attachments (0)
Change History (4)

Changed June 27, 2011 12:46PM UTC by scottgonzalez comment:1

milestone: 1.9 → git
resolution: → wontfix
status: new → closed

This works fine for me: http://jsbin.com/apevov/edit

Changed June 30, 2011 06:23PM UTC by foomaster comment:2

Replying to [comment:1 scott.gonzalez]:

This works fine for me: http://jsbin.com/apevov/edit

Hmm, this works:

load: function(e, ui) {
    $(ui.tab).find("span").html("Test");
}

So ui.tab is not jQuery'd...

Changed June 30, 2011 06:26PM UTC by scottgonzalez comment:3

You're probably not turning off the back compat layer, so you're getting the 1.8 API. You need to have $.uiBackCompat = false; after you load jQuery, but before you load jQuery UI (see the jsbin example).

Changed July 01, 2011 12:22PM UTC by foomaster comment:4

Thanks, that's the solution!