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

Loading bootstrap modal content only after clicking

本文关键字:模式 加载 单击      更新时间:2023-09-26

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

我该怎么做?

提前谢谢。

查看文档

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

有一个"远程"选项可以用于此目的(请注意,"此选项自v3.3.0以来已被弃用,并将在v4中删除。")

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

将您的内容(模态内容)移动到一个单独的文件中,只有当用户单击该按钮时才能在模态上加载内容。

工作流程将类似

button.click function {
open modal
load content
put content in modal body
}