Question

似乎jQuery mobile和iframe不能很好地发挥作用。

首先，我们知道iframe是一个坏主意 - 但在这种情况下，我们需要使用它来将表单加载到我们的页面中 - 启用了jQuery Mobile触摸功能。

现在，这在所有桌面设备上运行良好，但在iOS上 - 看起来当您选择iframe中的表单字段 - 并滚动 - 表单字段失去焦点而您无法再输入文本（即使iOS键盘仍然可见）。当表单中有Captcha字段并且用户需要滚动查看密码短语时，这有点问题。

任何解决方案都将非常感谢！谢谢！

Answer 1

在ios中删除iframe中的滚动条并将其渲染为块。我为此解决方案所做的是将iframe包装在div中，然后根据

让iframe扩展

<div id="myIframeParentDiv" class="myIframeParentDivClass"> <iframe style="z-index:2000" id="myIframe" width="100%" height="100%" src="" frameborder=0 ALLOWTRANSPARENCY="true" > <p>Booking Engine error! your browser does not support iframes.</p> </iframe> </div>

样式

#myIframeParentDiv{
    height: 100%;
    width: 100%;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

jQuery Mobile - 在iOS上打破表单条目（在iframe中）

1 个答案: