代码之家 › 专栏 › 技术社区 › dr Hannibal Lecter

如何使用iframe正确调整jQuery.ui对话框的大小

size resize dialog iframe jquery

dr Hannibal Lecter · 技术社区 · 14 年前

我正在创建iframe和对话框,如下所示:

someVar = '<iframe id="some-dialog" class="window-frame" src="http://example.com/"></iframe>';

someVar.dialog
    ({
        title: command.buttonText,
        autoOpen: false,
        modal: false,
        resizable: true
    })
    .dialog('option', 'width', 800)
    .dialog('option', 'height', 600);

我试着在init调用中输入宽度和高度,结果是一样的。如果我忽略这两个,对话框将使用默认值初始化,随后的调整大小工作正常。

更新:

我将iframe包装在一个div中,然后用一个标准调用创建了一个对话框:

someVar.dialog
    ({
        title: command.buttonText,
        autoOpen: false,
        modal: false,
        resizable: true,
        width: 800,
        height: 600
    })

真实的 但它是有效的(但感觉很脏!)

2 回复 | 直到 14 年前

Dan Atkinson 12 年前

someVar = '<iframe id="some-dialog" class="window-frame" src="http://example.com/"></iframe>';

someVar.dialog({
  title: command.buttonText,
  autoOpen: false,
  modal: false,
  resizable: true,
  width:800,
  height:600
}).width(800-10).height(600-10);

编辑:
Demo:

Ahmad Alfy 12 年前

iframe#some-dialog {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

6 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

6 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

6 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

6 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

6 年前