javascript - 仅在单击后加载 Bootstrap 模式内容

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

}