Sáng nay nhận nhiệm vụ fix lỗi website khách hàng báo là select box không hoạt động tốt trên các thiết bị di động. Ngồi mò từ iPhone 4, sang 5 rồi sang Android. Và rồi cuối cùng cũng phát hiện ra lỗi trên Android chạy Google Chrome. Lỗi là khi bấm vào select box để chọn giá trị thì sau khi bấm chọn vào giá trị thì thực tế giá trị vẫn… ăn nhưng giá trị hiển thị (index) vẫn để giá trị mặc định.
Sau một hồi tham khảo khắp nơi và cuối cùng sự việc được giải quyết với 1 đoạn mã Javascript viết riêng cho trường hợp Android:
1 2 3 4 5 6 7 | $(document).ready(function(){ $('select').change(function(){ if (/Android/.test(navigator.userAgent)){ $(this).blur(); } }); }); |
Một kinh nghiệm nhỏ chia sẻ cho các bạn nếu gặp có thể sử dụng.
Chúc các bạn thành công.
Huỳnh Mai Anh Kiệt
- Advertisement -
