我有一个单页网站 - 基于 twitter-bootstrap 设置 - 几乎完成了。 我刚刚对 themeforest 主题进行了大量修改，因此我不能对页面的工作方式负责。 我发现了一个问题，即在手机或平板电脑上查看网站时，页面的前 2/3 几乎无法通过触摸设备使用(滚动或点击)。 你可以在这里测试http://goudkamp.stacklaw.com.au .
如果我删除或注释掉最近为隐私免责声明和人们的电子邮件按钮引入的模式，页面滚动和触摸将按预期工作。 (请忽略我尚未修复 CSS 以使其响应的非移动友好部分) 没有模式的同一页面的示例是 http://goudkamp.stacklaw.com.au/index2.php在这里您可以看到触摸控制工作正常。
现在，这就是我的问题...因为该网站是基于一个预建的主题，而我不是最称职的 jquery 调试人员，我不知道如何解决这个问题。 我真的很喜欢模式的想法，所以我喜欢一些关于如何纠正问题的指导，而不是寻找显示弹出窗口的替代方法。
提前致谢。 -里斯
最佳答案
事实证明这不是 jquery 错误...而是 CSS 问题。
解决方案是在.modal {} bootstrap-responsive.css 或.modal {display:none!important; 中添加 到 styles.css。 display:none; }
我希望这对遇到同样问题的其他人有所帮助。
关于php - 引入模态弹出窗口会导致手机和平板电脑上的触摸区域无响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24547386/