jquery-mobile - jquery mobile li元素展开时iPad屏幕闪烁

Question

我创建了一个 jquery 移动列表。在每个<li>元素上我都有一个按钮，点击它会显示一个带有动态内容的 div 并展开<li>。再次单击该按钮时，该 div 隐藏并<li>恢复其大小。这在 Android 设备上运行良好，但在 iPad 上，当它<li>扩展时，过渡看起来非常难看并且闪烁。有什么方法可以<li>在 iPad 中顺利扩展。

<li>我也尝试使用谷歌的 ADB 扩展来观察它，但我观察到即使它扩展了高度也没有改变。它是 jquery mobile 的默认<li>行为吗？

Answer 1

实现在这里找到的 fastclick.js：https ://github.com/ftlabs/fastclick 。

将 .js 链接到您的文档。

只需添加

<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>

到文档的开头。

使用任何类型的转换时不再闪烁/闪烁，无论是页面转换还是 li 元素。