2012-09-30 16 views
5

Tôi đang tạo ứng dụng web dành cho thiết bị di động và đang gặp sự cố với Windows Phone 7 mà tôi không có trên Android hoặc iOS. Ứng dụng hoạt động khá tốt trong IE trên thiết bị di động, nhưng vì tôi đang sử dụng phương thức .on() của JQuery (tương đối), tôi nhận được các hiệu ứng làm nổi bật nhấn lạ khi sử dụng loại ứng dụng gây phiền nhiễu.Loại bỏ đánh dấu nhấn trong Windows Phone 7?

Ví dụ: Tôi có một danh sách các bài viết, như vậy trong một twitter hoặc email client (theo phong cách Android/iOS), và mã JS của tôi đọc như sau:

$('#conversation_list').on('click', '.conversation', function() { 
    // show all the messages in a conversation 
}); 

gì kết thúc xảy ra là rằng toàn bộ công cụ chọn cấp cao nhất (trong trường hợp này là #conversation_list) được tô sáng (và thường được đánh dấu trong một hoặc hai giây không thoải mái). Tôi nghĩ rằng điều này có thể gây nhầm lẫn cho một số người dùng, bởi vì không có cảm giác rằng bạn đang khai thác yếu tố bạn muốn, mặc dù bạn có thể.

Có cách nào để tránh điều này hay chỉ tắt tính năng đánh dấu nhấn trong WinPhone IE? Tôi đang sử dụng -webkit-tap-highlight-color thành công trong các trình duyệt iOS và Android, nhưng nó dường như không hoạt động ở đây.

+0

gì về lắng nghe từng thông điệp hoặc từng yếu tố cần được đánh dấu? – FelipeAls

+0

Tôi đã được ấn tượng rằng .on() yêu cầu tôi lắng nghe trên một yếu tố cha mẹ? đây không phải là trường hợp à? – Frank

Trả lời

0

Tôi nghĩ bạn đã hết may mắn ở đây. tap-highlight-color không được hỗ trợ trong WP7. Bạn có thể có thể sử dụng hỗ trợ áp lực IE10, nhưng không WP7

0

Bạn có thể tắt máy nổi bật trong IE 10 trên yếu tố cụ thể với CSS

-ms-touch-action: none ;

+0

Thao tác này đã xóa hộp màu xám nhưng không cho phép ghi đè lên trong trường hợp của tôi bằng cách sử dụng Windows Phone 8 –

0

Như đã nói bởi Lepi sử dụng:

-ms-touch-action: none; 

trong phần nút trong file CSS của bạn &

$(".button").click(onTouchstart); 

trong tập tin JS của bạn để bắn onTouchstart của bạn() chức năng