第二帧中的jquery ui对话框

Question

我使用jquery UI对话框并在使用它时遇到问题。在我的页面中，我有一些框架。标题框保存菜单并且不会更改，通过单击标题框中的链接，各个页面将加载到主框架中。现在我想在我的标题页面上有另一个链接（例如搜索），点击它会在mainFrame的页面上打开一个jquery对话框（不取决于它加载的页面）。

--------标题框------------

---------大型机-------------

我做的是（在标题框页面上，我做了这个，我有一个href）：

$('#search_link').click(function() {
    var theBody = top.mainFrame.document.getElementsByTagName('BODY')[0];
    // gets the body of the currently loaded page on main frame and adds the dialog div.
    $('<div/>', {
        id: 'foo',
        href: 'http://a.com',
        title: 'sample',
        rel: 'external',
        text: 'Go!'
    }).appendTo($(theBody));


    $("#foo",$(theBody)).dialog(); 

     return false; 
});

但是当我点击链接时，对话框实际显示在标题框内，但不在主框内。

有任何想法或建议吗？我的目标是我希望有一个不依赖于框架的全局对话框，它应该出现在所有框架的顶部。（比如相对于DOM的窗口对象）。