展开jQuery UI对话框与弹出对话框

我有一个jQuery UI对话框中充满了各种数据的表。当单击链接“选择代码...”时，出现Twitter Bootstrap Popover。问题是，当弹出窗口出现时，它太大而不适合在jQuery UI对话框的边界内（请参见图片）。出现一个滚动条，我可以滚动查看剩下的内容，但我想知道如何才能动态地扩展对话框以显示整个弹出窗口。然后，当删除弹出窗口时，通过重新点击链接，我希望对话框重新调整大小以恢复原始高度。展开jQuery UI对话框与弹出对话框

Work Orders是一个jQuery UI对话框。它位于普通的HTML页面之上。 Select a code for this Work Order是一个Twitter Bootstrap Popover。所以，下面的图片在HTML页面顶部的1个对话框上显示了1个弹出窗口。

这是问题的一个简单的jsfiddle娱乐： http://jsfiddle.net/AaronSalazar/aa7Jr/

enter image description here

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

来源

2013-02-01 Aaron Salazar

的CSS属性溢出从你的截图，它看起来像表（和popover）住在另一种类型的popover中;这是怎么回事？如果是这样，你有没有尝试在第一个元素上使用'overflow：auto'风格的规则？您可能必须使用JS正确地设置第一个元素的大小（或将弹出窗口更改为左侧或右侧变体）。 –

“工作订单”是一个jQuery UI对话框。它只是一个普通的HTML页面。 “选择此工单的代码”是Twitter Bootstrap Popover。所以，1个HTML页面，1个对话框和1个弹出窗口。谢谢你的问题。我不确定我是否足够清楚。 –

是否可以在[jsFiddle]（http://jsfiddle.net/）上为此创建测试用例，还是涉及太多？ –

-1

变化的.ui-对话框的内容

来源

2017-02-15 10:27:42

展开jQuery UI对话框与弹出对话框

回答

相关问题