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

时间:2014-11-04 14:42:08

标签: javascript jquery ajax twitter-bootstrap twitter-bootstrap-3

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

我怎么能这样做?

提前致谢。

1 个答案:

答案 0 :(得分:0)

看一下doc

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

您可以使用“远程”选项(请注意“此选项已弃用自v3.3.0以来,将在v4中删除。”)

根据建议,您可以使用jQuery.load。

将内容(模态内容)移动到单独的文件中,并仅在用户单击该按钮时才在内容上加载内容。

工作流程将类似于

button.click function {

open modal

load content

put content in modal body

}