仅在单击后加载引导模式内容
Loading bootstrap modal content only after clicking
我正在使用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
}
相关文章:
- 如何删除视频's缩略图时's加载在JW Player's闪光模式
- Yii2从点击链接开始加载模式
- Bootstrap在页面加载缓慢时会立即显示隐藏的模式对话框
- 无法加载Ace.js编辑器模式和主题(命名空间项目&AMD require.js&grunt
- 将页面片段加载到Twitter引导模式中
- d3转换从页面加载开始,而不是从模式弹出加载开始
- 动态加载引导模式主体
- 在页面加载时删除CSS模式Flash
- Bootstrap JS模式加载,但不可编辑
- PHP根据用户选择的项目以模式加载数据
- 使用Geolocation以引导模式加载地图,标记不会居中
- 引导模式加载事件
- 在远程片段上引导模式“加载”事件
- 使用 jQuery 检测以引导模式加载的图像
- Bootstrap模式加载远程内容,生成2个请求
- 单击关闭模式加载页面的按钮
- 更快地进行引导模式加载
- 以引导模式加载iframe
- Javascript模块模式:加载时初始化两个对象
- 在Internet Explorer中以Quirks模式加载页面 - 文档类型已注释掉