访问iFrame内的jQuery UI选项卡
我正在使用页面上iframe中的jQueryUITabs小部件。从父文档中,我需要能够访问tabs对象并使用其方法,特别是“选择”方法。我目前正在使用以下代码:访问iFrame内的jQuery UI选项卡,jquery,jquery-ui,iframe,jquery-ui-tabs,Jquery,Jquery Ui,Iframe,Jquery Ui Tabs,我正在使用页面上iframe中的jQueryUITabs小部件。从父文档中,我需要能够访问tabs对象并使用其方法,特别是“选择”方法。我目前正在使用以下代码: var iframe = $('#mainFrame').contents().get(0); $('#tabs', iframe).tabs('select', 1); 代码不会在控制台和$'tabs'的jquery对象中抛出任何错误/警告,iframe似乎正在从iframe的DOM中选择正确的元素,但是执行时不会发生任何事情。通过
var iframe = $('#mainFrame').contents().get(0);
$('#tabs', iframe).tabs('select', 1);
代码不会在控制台和$'tabs'的jquery对象中抛出任何错误/警告,iframe似乎正在从iframe的DOM中选择正确的元素,但是执行时不会发生任何事情。通过调用.get0将jquery对象引用转换为DOM节点。请尝试:
var iframe = $('#mainFrame').contents();
iframe.find('#tabs').tabs('select', 1);
参考:您可以尝试未经测试的:
$('#mainFrame').contents().find('#tabs').tabs('select', 1);