我在一个 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
});