Geek asks and answers

It takes two clicks when only one is needed on the iPad / iPhone

I am working on a site that should support both mobile and desktop devices. I use the jquery-address plugin to make an image gallery that can use hash tags for deep binding.

But I notice a problem in the ipad simulator with iOS5 and iphone 5 where I need to double-click a category in the image gallery in the image gallery to make the event work correctly. It works great on chrome / safari / firefox on OSX with one click.

So far I have only seen this on iphone / ipad. Any ideas on why desktop browsers work fine with one click, but iOS on ipad / iphone need two? I don’t get it here. I can’t say if the problem is with my / javascript markup or obscure error in jquery-address / safari on iPad / iPhone.

+5
source share
1 answer

I am sure this is due to your markup and the hang state on the .gallery-category:

.gallery-category:hover {
  color: white;
  cursor: pointer;
}

iOS does not support: hover the cursor in the usual way, because there is no way to detect a hover state without a mouse. It usually sorts itself by its direct state: hover, but I assume that your markup is a bit complicated (and there is a hover state on the parent element there), which causes it to break.

,

.gallery-category a:hover {...

( )

+4

More articles:


All Articles