PHP前端开发

Bootstrap模态窗中如何从远程加载内容?

百变鹏仔 1个月前 (11-13) #bootstrap
文章标签 加载

本篇文章给大家介绍一下bootstrap modal 使用remote从远程加载内容。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    Bootstrap的Modal这个模态窗组件还是很好用的,但在开发的过程中模态窗中的内容大部分都是从后端加载的。要实现模态窗的内容是从后端加载话,常用的实现方式有2种。它们是:

    (1)Modal里面套一个Iframe,通过Iframe的src去加载远程的内容。这种方式的缺点是这个模态框的宽度和高度不好调,而且把宽度和高度设置成固定值,就破坏了bootstrap的响应式布局了。

    (2)使用Modal的remote参数去加载远程的内容。这种方式有些小bug(后面会介绍解决方案),不过这种方式没有上一种方式需要手动设置的宽度和高度的麻烦。

    个人比较喜欢第2种方式,这样就介绍下使用remote的方式。【