jquery - 检查 iframe 中的 div 是否在 Firefox 中可见

Question

我有一个名为 article_frame 的 iframe，其中包含多个 DIV，名为 article_disp_0、article_disp_1 等。一次只能看到其中一个。

当我在 iframe 之外时，我希望能够看到哪个是可见的，所以我有一个这样的脚本：

// find the currently selected article
for (i=0; i<=a_count; i++) {
    a_disp = "#article_disp_" + i;
    frame_disp = $('#article_frame').contents().find(a_disp);
    visible = frame_disp.is(':visible');
    if (visible) {
        art_div = i;
        break;
    }
}

这一切在 Chrome 或 Safari 中都可以正常工作，但在 Firefox 中则不行。在 Firefox 中似乎没有设置可见值。那么我需要做些什么才能使它与 Firefox 一起工作呢？

Answer 1

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

然后

visible = $(innerDoc.getElementById("your ID")).is(':visible');