iphone 6 iOS 9.2.1 webview中的HTML不能正确重绘

Question

我最近在使用HTML5，CSS3和JS的混合应用程序中遇到了这个令人难以置信的错误。我只有一个HTML文件，其中2个元素就像页面一样。仅使用类来切换两者的显示。

HTML：

<div id='one'class='page'></div> <div id='two' class='page active-page'></div>

CSS：

.page{ display: none; width: 100%; height: 100%; }
.page.active-page{ display: block; width: 100%; height: 100%; }

JS：

$(elementTrigger).on('tap', function(e){
     $('.active-page').removeClass('active-page');
     $(pageToDisplay).addClass('active-page');
}); /* using Tocca.js and jquery for tap events */

简单吧？错误！首先尝试，我可以从第一页到第二页，反之亦然，没有任何问题。第二次尝试时出现问题。点击事件似乎不起作用。在实际手机上测试并通过xcode和safari网络检查员进行监控。控制台没有错误。当我尝试手动移动“活动页面”时它没有正确显示。 CSS样式未应用，并且悬停在safari Web检查器上的html元素上显示错误的框位置。

它仅在具有iOS版本9.2.1的iphone 6/6 +上触发。所有其他具有相同版本并以相同方式测试的iphone工作得非常好。 Android工作正常，BTW。

我需要帮助。有什么建议？