Question

您好我正在使用jquery simplemodal在应用程序中创建模态框。我希望能够在iframe上方弹出模式，以使其更大，而不是iframe滚动。

现在我对Modal的代码就像这样

function fullScreenChart(){
            var pathname = window.location.href;
            var modalHTML = '<iframe src="'+pathname+'&bigchart" width="820px" height="520px" frameborder=0 />';
            $.modal (modalHTML,{
                closeHTML: "<a href='#' title='Close' style='position:absolute; top:0px; right:6px;' class='simplemodal-close'>Close</a>",
                    overlayCss: {
                    backgroundColor: '#000',
                        cursor: 'wait'
                     },
                containerCss: {
                        height: 520,
                        width: 820
             }})
                }

是否有某些方法可以利用.parent（）或其他东西让ifal的模态突破。这样我也可以制作高度和宽度百分比。

Answer 1

如果我正确理解您的问题，您希望父页面创建一个模态窗口并将其放在iframe的顶部。假设iframe源指向同一个域，您可以简单地将fullScreenChart函数放在父页面中，并从iframe中调用它，如下所示：

parent.fullScreenChart();

从iframe中弹出一个模态

1 个答案: