2012-11-06 47 views
24

我试图在iOS5中使用twitter引导框架的模式功能。 用户单击关闭按钮后,模式正常消失,但屏幕上没有其他项似乎是可点击的。这种行为只发生在iOS5下。Twitter bootstrap模式在屏幕消失后无法点击

它与iOS 6和任何桌面浏览器正常工作。

这里的关闭按钮:

<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a> 

可能出现这种情况是因为在iOS5的失踪HTML5/CSS3支持?

+1

我也遇到了同样的问题。感谢您发布这个问题。我只是在两天前就和这个挣扎着。 –

+1

它是否可以用任何其他方式解除模态(单击模态外的某处,按下退出键)?你可以给整个模态的HTML(和JS,可能)? –

+1

模式框也会显示背景叠加,防止背景视图之外的触摸。我怀疑,当模式框被解散时,背景叠加层仍然存在。试着看看这个。 – Liam

回答

2

利亚姆先生说的是真的:模态框还会显示一个背景叠加,防止在背景视图之外触摸。 你可能会在调试中捕获它并编写你自己的js,当点击按钮时关闭它。 Like $('。your_class')。hide()

另请注意,打开模式窗口并离开页面时可能会发生此问题。如果您点击设备上的“返回”,您可能会看到同样的问题

0

我知道这是一个很老的话题,但我认为我会发布解决方案,因为这仍然是引导v。3.2.0的问题。它只是一个iOS 5.0.0到5.1.1的问题。

的问题是在iOS 5

与越野车实施-webkit-overflow-scrolling做我只是通过JavaScript添加了ios5html(用户代理检测,虽然不是最好的办法要么)。然后,您可以使用以下内容并解决问题。

.ios5 .modal { 
    -webkit-overflow-scrolling: auto; 
} 
相关问题