访问iFrame中的jQuery UI选项卡

Question

我正在使用页面上iframe中存在的jQuery UI Tabs小部件。从父文档中，我需要能够访问tabs对象并使用其方法（特别是'select'方法）。我目前使用以下代码：

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

代码不会在控制台中抛出任何错误/警告，$（'＃tabs'，iframe）的jquery对象似乎确实从iframe的DOM中选择了正确的元素，但是当这是执行。

Answer 1

您正在通过调用DOM node将jQuery对象引用转换为.get(0)。请尝试改为：

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

参考：.find()

Answer 2

您可以尝试（未经测试）：

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