Javascript 放大弹出iframe高度和宽度

我有一个放大弹出窗口的问题，我需要能够设置高度和宽度的iframe与javascript函数。 下面的代码对我输入的高度和宽度没有反应，怎么了

/// Call ////
openmagnificPopup(url, h, w);



/// Java ////

function openmagnificPopup(url, h, w){

   $.magnificPopup.open({
            items: {
            src: url,
            type: 'iframe',

            iframe: {
               markup: '<div style="'+w+'px; height:'+h+'px;">'+
    '<div class="mfp-iframe-scaler" >'+
            '<div class="mfp-close">xxxxxx</div>'+
    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
    '</div></div>'
            }

        }


        });


///// CSS /////   
 .mfp-iframe-holder .mfp-content {
    width:auto;
    min-width:300px;
    min-height:300px;
 }

///调用////
OpenMagnificationPopup（url、h、w）；
///爪哇////
函数OpenMagniticPopup（url、h、w）{
$.magnificPopup.open({
项目：{
src:url，
键入：“iframe”，
iframe：{
标记：“”+
''+
“xxxxxx”+
''+
''
}
}
});
/////CSS//
.mfp iframe支架.mfp内容{
宽度：自动；
最小宽度：300px；
最小高度：300px；
}

试试这个，并检查它是否会更新

.mfp-content {
    width:300px;
    height:300px;
 }

谢谢你的回复。 我尝试了您建议的解决方案，但看起来放大型Never在函数openmagnificpopup（）中使用了iframe代码。 主要的问题是，我需要10种不同的大小，因此我需要在函数中为每种情况输入'w'和'h'。 我需要从javascriptfunction调用openmagnificpopup（），而不是通过

iframe: {
               markup: '<div style="'+w+'px; height:'+h+'px;">'+
    '<div class="mfp-iframe-scaler" >'+
            '<div class="mfp-close">xxxxxx</div>'+
    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
    '</div></div>'
            }

iframe：{
标记：“”+
''+
“xxxxxx”+
''+
''
}

这会让你达到目的：

$（文档）。在（'click'，'*[data toggle=“lb iframe”]：not（.done'）上，函数（e）{
e、 预防默认值（）；
var closeBtnInside=真，
closeOnBgClick=false，
iframeCss=''；
if（typeof（$（this）.data（'closeonbgclick'））！='undefined'）{
closeOnBgClick=$（此）.data（'closeOnBgClick'）；
}
if（typeof（$（this）.data（'closebtninside'））！='undefined'）{
closeBtnInside=$（this）.data（'closeBtnInside'）；
}
if（typeof（$（this）.data（'iframecss'））！='undefined'）{
iframeCss=$（this.data（'iframeCss'）；
}
$（this）.addClass（'done'）.magnificPopup({
键入：“iframe”，
iframe：{
标记：“”+
''+
''+
''
},
closeOnBgClick:closeOnBgClick，
closebtnside：closebtnside
}).trigger（'click'）；
})；

.mfp iframe holder.mfp内容{
宽度：自动；
最大宽度：无；
}
.mfp iframe定标器{
宽度：734px；
}
.mfp-iframe-scaler.mfp-iframe-lg{
宽度：1000px；
高度：600px；
填充：0；
}

---

您可以通过设置CSS样式或在

.mfp content

var config = {
    type: 'iframe',
    alignTop: true,
    overflowY: 'scroll',
    callbacks: { }
};

var cssHeight = '800px';// Add some conditions here

config.callbacks.open = function () {
    $(this.container).find('.mfp-content').css('height', cssHeight);
};

$('.some-handle').magnificPopup(config);

您可以使用选项将自定义类添加到主容器：

$（'.some link'）。放大弹出窗口({
// ...
mainClass:“我的自定义类”，
});

然后，您可以设置此特定弹出窗口的样式：

.mfp-wrap.my-custom-class.mfp内容{
高度：800px；
最大高度：90vh；
宽度：800px；
最大宽度：90vw；
}

---

通过这种方式，您可以对不同的弹出窗口使用不同的维度-只需使用不同的

mainClass

和单独的样式即可。

将您的样式属性直接放在iframe上。这其中有什么不起作用？请提供更多详细信息！如果您在同一网站中有不同的弹出窗口，这不是解决方案