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.

questionAnswers(1)

yourAnswerToTheQuestion