1

我正在尝试动态调整 iframe 的大小。这并不难，直到我将 iframe 页面更改为使用AJAX 和 jQuery。我正在将一个函数附加到 iframe 主体的调整大小事件，该事件也应该调整 iframe 的大小。似乎在它开始使用 AJAX 之后，它将不再触发调整大小事件。

这是我在父站点中的代码：

$(function(){
    var iframe = $('#myiframe');

    iframe.load( function() {
        var iframe_content = iframe.contents().find('#content');

        iframe_content.resize( function() {
            var elem = $(this);
            var newHeight = elem.height();

          // Resize the iframe.
          iframe.css({ height: newHeight });
      });

        // Resize the iframe immediately
        iframe_content.resize();
    });
});

这是iframe 站点中的 AJAX 表单：

<form onsubmit="jQuery.ajax({type: 'GET',
                             data: $(this).serialize(), 
                             url:  '/employeedirectory/employee/ajaxUpdate',
                             success:function( data, textStatus ) {
                                    $('#results').html(data);

                                    // Go to the parent document, find the content div, and call its resize event
                                    $(document, parent.window.document).contents().find('#myiframe').contents().find('#content').resize();
                                },
                            error: function( XMLHttpRequest, textStatus, errorThrown ) {} }); 
                return false;"
        id="searchForm">
</form>

如果我$('#myiframe').contents().find('#content').resize()在父站点上运行以强制调整大小事件，那么它工作得很好。但它似乎并没有onsuccess像我想要的那样调用它。有没有人有任何想法？

4

0 回答 0