jQuery magnific-popup：打开2个弹出式iframe，宽度/高度不同
）
我的代码：
OPEN POP1 OPEN POP2 我的JS：
$('.pop').magnificPopup({ type:'iframe', midClick: true} );
我希望POP1打开500px 200px，POP2打开400px 400px。
为POP1和POP2设置不同宽度/高度的方法是什么？
我必须在HREF中使用CLASS吗？ 或者它是JS中的代码，通过创建$（。pop1）和$（。pop2）？
我在“.mfp-iframe-holder .mfp-content”类中播放了宽度/高度，但设置更改了pop1和pop2。
任何帮助都会很棒。 😉
你忽略了在你的问题中指定它，但我会假设你正在使用Magnific Popup插件 。 为了将来参考，请注明，以便其他人更容易为您提供帮助。
我建议每个人使用一个类（假设.pop2为500×200和400×400大小的.pop1和.pop2 ）。 由于类名与生成的弹出HTML没有直接关系（生成的弹出窗口中不会引用类.pop1和.pop2 ），我们无法隔离它们的弹出窗口，并且无法通过单独的CSS完成选择性大小调整。 相反，我们可以直接修改生成的HTML – 文档声明您可以执行此操作 。
因此，每个弹出窗口的初始化将类似于：
$('.pop1').magnificPopup({ type: 'iframe', iframe: { markup: ''+ ''+ ''+ ''+ '' } });
请注意我是如何在整个元素集周围添加一个带内联样式的附加
。 此外，您需要覆盖其中一个默认样式，以允许弹出宽度以这种方式变化（插件具有它通常用于弹出窗口的标准宽度:)
.mfp-iframe-holder .mfp-content{ width:auto; }
这是一个CodePen，用于演示代码的实际运行情况。 希望这可以帮助！ 如果您有任何疑问，请告诉我。