jQuery UI 对话框显示在框架内，来自书签？

Question

我正在编写一个小书签，它需要在我无法控制的设计的页面上下文中工作。我需要小书签才能在使用框架（在框架集中）中运行某些页面。 jQuery-UI 对话框是否可以在框架内工作？

目前，当我遇到带有框架集的页面时，我会像这样创建对话框：

var frame = window.frames[0];
var div = $(frame.document.createElement("div"));
div.html("My popup contents");
div.dialog( ... );

结果是 jQuery 将 ui-widget div 附加到主文档，而不是框架的文档。由于主文档只是一个框架集，因此不会显示任何内容。我在 jquery-ui API 中找不到任何选项来指定应在哪个文档中构建小部件。小书签必须从外部文档的上下文中运行（或至少启动）。

我知道无法在框架上显示覆盖 ；我对仅在单个框架中显示感到满意。此外，一些其他值得注意的小书签无法在具有框架集的页面上运行，因此这可能是一个常见问题。

建议？

Answer 1

这就是我最终所做的：我没有尝试在框架内或框架上显示，而是让书签重写页面以删除框架集并将我自己的正文和内容添加到页面。这允许小书签仍然内省框架并从框架获取构建覆盖层所需的数据，然后再删除框架集，但允许覆盖层仍然工作。

像这样的东西：

if (window.frames) {
    for (var i = 0; i < window.frames.length; i++) {
        // ... grab data from the frame ...
    }
}

if ($("frameset")) {
    $("html").children("frameset").remove();
    document.body = document.createElement("body");
    $("html").append(document.body);
    // ... add my stuff to body ...
}

Answer 2

小书签通常不使用 jQuery。大多数书签会打开一个包含 jQuery 的窗口。