简体繁体 English

为什么我的网站单选按钮在iPhone / iPad上无法点击？

[英]Why aren't my website radio buttons clickable on iPhone/iPad?

原文 2011-10-15 20:58:46 9 1 javascript/ html/ ios

I have a website at tbmaster.co.uk which has 3 radio buttons and they work fine in normal browsers but when I use a iPhone/iPad to view the site I am unable to click the radio buttons. 我在tbmaster.co.uk上有一个网站，该网站上有3个单选按钮，它们在正常的浏览器中都可以正常工作，但是当我使用iPhone / iPad浏览该网站时，无法单击单选按钮。

If you look at the source there is some JavaScript going on to set the states of radio buttons and other things so not sure if this is the problem 如果您查看源代码，则将使用一些JavaScript来设置单选按钮的状态以及其他内容，因此不确定是否是问题所在

1 个解决方案

Your <div class="postit"> is the problem. 您的<div class="postit">是问题所在。 On the iPad, it just covers the radio buttons and keeps click events from getting through. 在iPad上，它仅覆盖单选按钮，并阻止单击事件通过。 If you adjust the size of your non-iPad browser you can get the same effect. 如果您调整非iPad浏览器的大小，则可以获得相同的效果。 Try making your .postit thinner so that it won't cover up the radio buttons; 尝试使.postit变薄，以免覆盖单选按钮。 or you could try playing the z-index of the form and .postit to get the form on top. 或者，您可以尝试播放表单和.postit的z-index ，以将表单置于顶部。

You'll also notice that you can't click the ADD ANOTHER SERIAL button but you can click the other two buttons, ADD ANOTHER SERIAL is buried under the .postit but the other buttons are not. 您还会注意到，您不能单击“ 添加其他序列号”按钮，但可以单击其他两个按钮，“ 添加其他 .postit号”位于.postit下，而其他按钮则没有。 And similar issues will apply to Machine ID . 类似的问题将适用于Machine ID 。