IFrame inside the Jquery accordion

综合技术 Hello, buddy! (源链)

I have a page that has an iFrame embedded inside a JQuery accordion.

JS:

$(function() {
                $("#doc_accordion").accordion();
        });

HTML:

1

TESTING

TESTING2

For some reason I can not see the embedded iFrame but I can see the accordion. Also if i remove the line $("#doc_accordion").accordion()
then I can see the iFrame correctly embedded in the page. Has anyone else experienced a similar problem?

This I believe is because IE does not render children of hidden elements. As a workaround, you can load a 1px by 1px iframe outside the accordion and move it into the accordion once the iframe has loaded. Here is an example:






    $(function () {
        $("#widget-box").accordion({
            collapsible: true,
            autoHeight: false,
            active: false
        });
        $('#widget-frame').load(function () {
            if ($("#widget-placeholder > iframe").size() == 0) {
                $('#widget-placeholder').append($('#widget-frame'));
            }
            this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
            this.style.width = '100%';
        });
    });
</script

>

您可能感兴趣的

Jquery – moving the Li element out of the pa... I need to move li element out of its parent ul and into master parent ul. I tried this:$( init );function init() {// Move $('ul#l...
HTML5+Jquery Mobile 学习一(page和listview) – arc... jQuery Mobile 是jQuery 在手机上和平板设备上的版本 先看效果 1、page 在苹果浏览器Safari上Page的效果 代码如下:
Improve SPA Web Page Performance Improve SPA Web Page Performance DZone's Guide to Improve SPA Web Page Performance In this article, we'll look at several different...
Jquery Submits Help on Connection Data I am very new and only just learning Jquery. I am currently submitting data from a form and on success it refreshes the div so that it updates. I kn...
When trying to restructure JQuery for best practic... Based on a similar casestudy I've created the following bit of script to reveal/hide a signup form when clicking on a 'signup' image (with an 'X' to a...
Hello, buddy!责编内容来自:Hello, buddy! (源链) | 更多关于

阅读提示:酷辣虫无法对本内容的真实性提供任何保证,请自行验证并承担相关的风险与后果!
本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » IFrame inside the Jquery accordion



专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录