1

我在一个 jQuery UI 对话框中有一个表格,里面有各种数据。单击“选择代码...”链接时,会出现一个Twitter Bootstrap 弹出窗口。问题是当弹出框出现时它太大而无法容纳在 jQuery UI 对话框的边界内(见图)。出现一个滚动条,我可以滚动查看其余部分,但我想知道如何动态扩展 Dialog 以显示整个弹出框。然后,当弹出框被删除时,通过重新单击链接,我希望对话框重新调整到原来的高度。

Work Orders是一个 jQuery UI 对话框。它位于常规 HTML 页面之上。这Select a code for this Work Order是一个 Twitter Bootstrap 弹出框。因此,下图显示了 HTML 页面顶部 1 个对话框顶部的 1 个弹出框。

这是该问题的简单 jsFiddle 娱乐: http://jsfiddle.net/AaronSalazar/aa7Jr/

在此处输入图像描述

$("#workOrdersModal").dialog({ 
    title: "Work Orders", 
    width: 1000, 
    closeOnEscape: false, 
    draggable: true, 
    resizable: true, 
    modal: true, 
    autoOpen: false 
});
4

0 回答 0