Como abrir uma caixa de diálogo em outro quadro usando jquery-ui
Estou criando uma pequena página da web usando o jquery-ui-1.8, que possui um conjunto de quadros e três quadro
<frameset id="mainFrame"cols="25%,*,25%">
<frame id="f1" src="test.php"></frame>
<frame id="f2" src="test2.php"/>
<frame />
</frameset>
Em seguida, adicionei um botão ao arquivo test.php, carregado no primeiro quadro (f1), e uma div ao test2.php, que é carregado no segundo quadr
<div id="testdiv"> this is test 2</div>
Então eu preciso abrir uma caixa de diálogo jquery de "testdiv" no segundo quadro (f2) quando clico no botão na f
Tentei seguir as soluções fornecidas nesses tópicos. [1] -Exibir a caixa de diálogo jquery na janela pai
var $jParent = window.parent.jQuery.noConflict();
var dlg1 = $jParent('#testdiv');
dlg1.dialog();
e [2] -jQuery UI é exibida dentro do quadro, no bookmarklet?
var frame = window.frames[1];
var div = $(frame.document.getElementById("testdiv"));
div.html("My popup contents");
div.dialog();
Mas nenhum desses aparece a caixa de diálogo dentro do segundo quadro. Alguém por favor pode me ajudar a resolver este problema.