模态窗口的扩展

【问题标题】：Expanding of modal window模态窗口的扩展
【发布时间】：2015-07-07 11:34:07
【问题描述】：

我有一个 angular/bootstrap 应用程序，应用程序的模态窗口包含小的 textarea，其中可能包含大量不适合 textarea（和模态）大小的文本。

我想在小模态窗口中添加某种按钮，该按钮将打开新的更大的弹出窗口/模态窗口，其中包含格式良好的文本区域内容，例如屏幕的 90%。

我在这里不是要代码，而是要解决问题的方法。我已经尝试了几种方法，但总是卡住。

非常感谢！

【问题讨论】：

【解决方案1】：

我将只使用 JavaScript 来处理单击按钮以扩展模式大小，方法是向您的模态添加一个类。

例如jQuery 示例：

$('.expand-modal').click(function() {
    $('.modal').addClass('expanded');
});

然后只需为 .modal.expanded 编写一些 CSS，确保它是屏幕大小的 90% 或任何你想要的。

您可能需要另一个按钮来再次最小化模式，在这种情况下，您只需执行$('.modal').removeClass('expanded'); 之类的操作

【讨论】：