2011-01-19 9 views
0

私はJQuery UI(1.7.3)を使用してタブを実装しています。私は隣接する/兄弟フレーム(iframeではない)のボタンを介して特定のタブをアクティブにしたいと思います。制御スクリプトは 'menu-banner'フレームにあり、タブは 'main'というフレームにあります。フレームがなければ、これは '$( "#myTabs")。tabs( "enable"、1)'のようなコマンドで実行されます。これまで私が試したことはありませんでした。ここで隣接/兄弟フレーム(iframeではなく)からのJQueryタブコントロール

は、さまざまなDOM構文を持ついくつかの実験である:

//parent.frames[0].$("#tabs").tabs("enable", 3); 
//parent.frames[1].$("#tabs").tabs("enable", 3); 
//$('#tabs', window.parent.frames[1].document).tabs("enable", 3); <!-- frames array only works with iframes. Try selector frame[name = 'main'] instead.--> 
//$('#tabs', window.parent.main.document).tabs("enable", 3); 
//$('#tabs', window.parent.frames['main'].document).tabs("enable", 3); 
//$('#tabs', parent.frames['main'].document).tabs("enable", 3); 
//$("#tabs", top.frames["main"].document).tabs("enable", 3); 
//window.parent.frames[1].$("#tabs").tabs("enable", 3); 
//$('#tabs', window.frames["main"]).tabs("enable", 3); 
//window.frames["main"].$("#tabs").tabs("enable", 3); 
//window.parent.document.frames["main"].$("#tabs").tabs("enable", 3); 
//top.frames[1].$(#tabs").tabs("enable", 3); <!-- This is just bad, hangs. --> 
//parent.main.document.$("#tabs").tabs("enable", 3); <!-- parent.main.document.$ is not a function --> 
//$('#tabs', parent.main.document).tabs("enable", 3); 
//($"#tabs", window.frames["main"].document).tabs("enable", 3); <!-- This is just bad, hangs...'renderContent() is not defined' --> 
$('#tabs', window.parent.frames[name = 'main']).tabs("enable", 3); 

ほとんどの時間、これらの努力は静かに失敗します。あなたが提供できるお手伝いをありがとう。

答えて

0

はもう少し実験の後、私はプログラム的に兄弟フレームから特定のタブを選択するために、正しい構文が見つかりました:

top.main.$("#tabs").tabs("select", 3); 
関連する問題