twitter bootstrap模式不显示远程图像

Question

我正在使用twitter bootstrap的模态窗口来加载远程图像

<a href="assets/500x300.gif" data-target="#image-preview" data-toggle="modal"><img alt="250x150" src="/assets/250x150.gif"></a>

我正在关注这些文档

图像在模态中无法正确渲染.

我得到了大量混乱的数据 -

发生了什么？我该怎么办？

Answer 1

当使用 href 为模态框指定远程内容时，Bootstrap 使用 jQuery 的 load 方法来获取内容，然后将检索到的内容粘贴到模态框的 body 元素中。简而言之，只有当远程内容（href 值）加载 HTML 或文本时，它才有意义。

您所看到的内容是预期的，因为如果您在文本编辑器中打开 gif 文件，然后将其粘贴到 HTML 标记中，就会发生同样的情况。

为了让它按照您想要的方式工作，href 需要指向一个 HTML 文档，该文档包含一个 <img> 标签，该标签引用您想要在模式中显示的图像。