Bootstrap模态显示然后立即消失在BB10?

时间:2013-06-13 15:59:18

标签: javascript jquery twitter-bootstrap modal-dialog blackberry-10

首先要做的事情是:我不会将模态插件包括两次,因为这是大多数类似问题的罪魁祸首 - 这个问题只会影响BB10 - 据我所知 - 显然不是这样。

正如我所说,在BB10中,模态正在打开然后立即消失。如果您稍微滚动页面然后它会打开并保持打开状态,但这是间歇性的,只适用于某些滚动点......

2个问题:

  1. 你知道这是什么问题吗?
  2. 有没有办法通过iOS拥有的safari来调试BB10浏览器,就像'inspect element'一样。
  3. 以下是网站:http://www.thomasdexter.me/intravillage/ 还有一些关于这个问题和滚动事物的视频:

    https://dl.dropboxusercontent.com/u/13675289/Video%20(1).MOV https://dl.dropboxusercontent.com/u/13675289/Video.MOV

    编辑:要获得弹出窗口,请点击固定菜单栏中的“登录”链接,或立即在介绍幻灯片/页面上注册

1 个答案:

答案 0 :(得分:0)

我已经确定了问题的根本原因 - 这是一个黑莓问题 - 而且我有一个可行的解决方法,但没有修复导致它的黑莓问题。

我能够推断出黑莓正在注册2次而不是1次因为某些原因而发生的事情。如果按钮/接触点位于与“关闭”相同的像素区域中,则第一次触摸打开弹出窗口和第二次触摸。按钮或半透明的黑色底衬也会在点击时关闭,将在按钮/底衬上单击注册并立即关闭弹出窗口。这也是它间歇性发生的原因,如果打开弹出窗口的按钮位于实际弹出区域,那么它就不会关闭,因为第二次点击会在非关闭状态下注册'区域。

TL; DR:这是他们需要解决的黑莓问题。

解决方案是禁用“点击关闭背景”'通过' data-backdrop ="静态"'只在黑莓上。

我在JS中使用了以下内容:

在我检查支持的内容并添加类的部分中,我有这个:

  if(/BB10/i.test(navigator.userAgent)) {
    //BB10 Device
    $('html').addClass('bbten');
  }

稍后在我注册点击事件以激活模态之前,我有这个添加静态(不是点击可关闭)背景如果它是BB10(3种不同的模态#contact,#signin和#signup ):

  //bb10 double click issue
  $('html.bbten #contact, html.bbten #signin, html.bbten #signup').attr('data-backdrop','static');