Bootstrap模式在iPhone上不起作用

Question

我在我的网站上使用Bootstrap模式对话框(在桌面上工作正常).当我尝试在iPhone和iPad上使用此功能时,模态不起作用.

是否有一个原因？有没有人在使用Bootstrap的CSS时提出修复方法@import？

我使用Bootstrap覆盖文件来更改Bootstrap CSS.

Answer 1

这些天我遇到了同样的问题,并且发现,iOS上的Safari与其他浏览器的工作方式不同.在缺少href ="#"的情况下,模拟窗口不会在safari上显示,而是在许多其他浏览器上显示.

不在Safari/iOS上工作,但在其他浏览器上工作:

<li><a data-toggle="modal" data-target="#testModal">Modal</a></li>

在Safari/iOS和其他浏览器上工作:

<li><a href="#" data-toggle="modal" data-target="#testModal">Modal</a></li>

Answer 2

iPhone的浏览器似乎不支持模态的"淡入淡出"过渡.完全从模式对话框中禁用它,或者如果您想获得幻想,请仅在您的站点检测到iPhone设备时禁用:

这不适用于iPhone

<div class="modal hide fade" id="deleteConfirmation">

这样做

<div class="modal hide" id="deleteConfirmation">

Answer 3

请查看http://jschr.github.com/bootstrap-modal/,因为它修复了一堆模态问题..你只需要包含2个js文件 -
- bootstrap-modalmanager.js
- js/bootstrap-modal.js
,它只是工作

Answer 4

这仍然是 Bootstrap 项目上的一个悬而未决的问题： https://github.com/twitter/bootstrap/issues/2130