仅在单击后加载引导模式内容

Question

我正在使用 Bootstrap 3，但我的页面很忙。 模态内容随页面一起加载，无论用户是否单击按钮打开模态。 我想节省资源，因为这个模态内容真的很大而且很忙，我的目标是只有在点击按钮打开这个模态后才能加载特定的 Bootstrap 模态内容。

我该怎么做？

提前致谢。

Answer 1

看一下文档

http://getbootstrap.com/javascript/#modals

有一个“远程”选项可供您使用（请注意，“此选项自 v3.3.0 起已弃用，将在 v4 中删除。”）

按照建议，您可以使用 jQuery.load。

将您的内容（模态内容）移动到单独的文件中，并仅在用户单击该按钮时才将内容加载到模态中。

工作流程类似于

button.click function {

open modal

load content

put content in modal body

}