JavaScript 警报卡住 iOS 浏览器

Question

我在 jquery-mobile 中开发 webapp 时遇到了一些奇怪的错误。当我提示警报时，如果我触摸页面的某些输入，iOS Safari 和 Chrome 将完全卡住，我只能使用任务管理器关闭它们。

我很困惑是苹果的错还是我的错。

一些代码:

$('.checkout-comprar-button').click(function(){                 
  alert("hola!!!");
});

这是事件的 div:

<div class="grp-bottombar-button checkout-comprar-button" style="width: 50% !important; float: right !important; display: block !important; padding-top: 12px;">
        <span class="green-desplegable grp-bottombar-button-text">
             <? echo _("checkoutcreditcard.seguircompra"); ?>
        </span>
</div>

这是输入之一:

<div class="checkout-datos-numero checkout-first-form checkout-form-field-container">
   <div class="checkout-field">
      <input type="tel" placeholder="<? echo _('creditcard.numero'); ?>" name="" id="checkout-num-tarjeta" maxlength="30" />
   </div>
</div>

显示警报后，如果我想聚焦某些输入，浏览器会卡住。当我强行关闭 Safari 时，这是控制台给我的消息:

<Warning>: MobileSafari[2985] has active assertions beyond permitted time: 
    {(
        <BKProcessAssertion: 0x1e857480> identifier: Suspending process: MobileSafari[2985] permittedBackgroundDuration: 10.000000 reason: suspend owner pid:26 preventSuspend  preventThrottleDownCPU  preventThrottleDownUI 
    )}
<Warning>: Forcing crash report of MobileSafari[2985]...

有什么帮助吗？谢谢

Answer 1

iOS 浏览器中似乎存在重大错误。当我在选择中的 onChange 事件后使用警报时，警报会弹出并带有确定按钮。单击确定按钮不会执行任何其他操作。从表面上看，整个浏览器都被锁定了。唯一的解决办法是点击主页或电源按钮并终止浏览器应用程序。

截至 2013 年 12 月 13 日，此问题尚未解决。我已经提交给苹果了。其他人也有。我不明白为什么他们解决这个主要问题的速度这么慢。