html - 使用 Popover 展开 jQuery UI 对话框

Question

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