Hai lần nhấp cần thiết khi chỉ cần một lần nhấp trên iPad/iPhone

Question

Tôi đang làm việc trên một trang web được cho là hỗ trợ cả thiết bị di động và máy tính để bàn. Tôi đang sử dụng jquery-address plugin để tạo một thư viện hình ảnh có thể sử dụng thẻ băm để liên kết sâu.

Nhưng tôi nhận thấy sự cố trong trình mô phỏng ipad với iOS5 và iPhone 5, nơi tôi phải nhấp vào danh mục trong thư viện hình ảnh hai lần trên thư viện hình ảnh để sự kiện hoạt động bình thường. Nó hoạt động tốt trên chrome/safari/firefox trên OSX với một cú nhấp chuột.

Cho đến nay tôi chỉ thấy điều này trên iphone/ipad. Bất kỳ ý tưởng nào về lý do khiến các trình duyệt trên máy tính hoạt động tốt với một cú nhấp chuột, nhưng iOS trên ipad/iphone cần hai? Tôi đang thua lỗ ở đây. Tôi không thể cho biết vấn đề là với đánh dấu/javascript của tôi hoặc một lỗi mơ hồ trong jquery-address/safari trên iPad/iPhone.

Answer 1

Tôi chắc rằng điều này là do đánh dấu và có một trạng thái di chuột trên .gallery thể loại của bạn:

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

iOS không hỗ trợ: hover theo cách thông thường vì không có cách nào để phát hiện một trạng thái di chuột không có chuột. Nó thường tự nó sắp xếp thẳng lên một: trạng thái di chuột, nhưng tôi đoán vì đánh dấu của bạn hơi phức tạp (và có một: trạng thái di chuột trên bố mẹ) khiến nó bị vỡ.

Tôi nghĩ rằng nếu bạn thay thế các đoạn mã trên để làm việc trên

.gallery-category a:hover {... 

nó sẽ sửa chữa nó (tôi đã không thử nó trên mã của bạn mặc dù)