Accessing jQuery UI Tabs inside an iFrame

Question

I am using a jQuery UI Tabs widget that exists within an iframe on the page. From the parent document, I need to be able to access the tabs object and use its methods (the 'select' method in particular). I am using the following code currently:

var iframe = $('#mainFrame').contents().get(0);
$('#tabs', iframe).tabs('select', 1);

The code does not throw any errors/warnings in the console and the jquery object for $('#tabs', iframe) does seem to be selecting the correct elements from the DOM of the iframe, however nothing happens when this is executed.

jAndy · Accepted Answer · 2011-01-10 15:54:21Z

2

You're turning the jQuery object reference into a DOM node by calling .get(0). Try instead:

var iframe = $('#mainFrame').contents();
iframe.find('#tabs').tabs('select', 1);

ref.: .find()

answered Jan 10, 2011 at 15:54

jAndy

237k57 gold badges313 silver badges363 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

polarblau · Accepted Answer · 2011-01-10 15:54:34Z

0

You could try (untested):

$('#mainFrame').contents().find('#tabs').tabs('select', 1);

answered Jan 10, 2011 at 15:54

polarblau

17.8k8 gold badges66 silver badges84 bronze badges

Collectives™ on Stack Overflow

Accessing jQuery UI Tabs inside an iFrame

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related