2013-08-29 33 views
5

Tôi gặp sự cố lạ trên thiết bị GS4 khi sử dụng PhoneGap, trong đó một số yếu tố của ứng dụng web của tôi không hiển thị đúng khi trang hiển thị, nhưng một khi trang đó được nhấp hoặc nhấn , các yếu tố bố trí đúng cách. Một cửa sổ trắng nhấp nháy được tích luỹ đôi khi trước khi dịch sự kiện trong ứng dụng của tôi.PhoneGap và Galaxy s4 hiển thị vấn đề

Sự cố chỉ được tích luỹ trên GS4 và không bao giờ tích lũy khi tôi thử trên các điện thoại khác như GS4, Lưu ý hoặc IPhone.

+0

Tôi cũng gặp sự cố này. Một số liên kết mà tôi thấy hữu ích nhưng vẫn không có giải pháp. https://github.com/jaunesarmiento/fries/issues/31 https://groups.google.com/forum/#!topic/phonegap/NS4-SezuxH8 – Llewellyn1411

Trả lời

5

Các yếu tố đó có được tạo động không? Tôi cũng có cùng một vấn đề, tôi đã tìm ra, nó thực sự cần tăng tốc phần cứng (tăng tốc GPU). Chúng ta nên bật hiển thị 3d bằng css. Chỉ cần sử dụng

cho phần tử cụ thể. Điều này làm việc cho tôi, hãy thử nó, có thể làm việc cho bạn.

pls kiểm tra này link

1

thử để thao tác với các yếu tố khác, như:

$('#footer').fadeTo(1,0.99,function(){ 
    $('#footer').fadeTo(1,1); 
}); 
+0

Nếu bạn đang cố ép buộc vẽ lại thì có nhiều cách tốt hơn làm việc đó. Giống như truy vấn chiều rộng phần tử. Mặc dù điều đó sẽ không giải quyết vấn đề này. – Llewellyn1411

2

vấn đề trong ngắn hạn: android. Tùy thuộc vào phiên bản GS4 đang chạy, trình duyệt web hoạt động khác nhau và phát sinh các vấn đề khác nhau. IE tôi đã thực hiện một ứng dụng phonegap mà làm việc tốt và sau đó KHÔNG LÀM VIỆC TẠI TẤT CẢ trong jellybean. không cần phải nói tôi là người bản địa. Tuy nhiên, hãy sử dụng phép biến đổi dịch và 3d trong các yếu tố của bạn khiến tất cả các phần tử được vẽ lại với tăng tốc phần cứng và buộc vẽ lại các phần tử nếu chúng được chèn động trong DOM

1

Tôi gặp sự cố tương tự với một thiên hà xu hướng (android 4.0.4): một số thay đổi trong trang không hiển thị chính xác (vẽ lại một số yếu tố, ẩn/hiển thị những người khác) cho đến khi tôi chạm vào màn hình, trong khi nó hoạt động hoàn hảo trên mọi thiết bị khác mà tôi đã thử nghiệm (từ android 2.3 đến 4.4).

Tôi đã thử nghiệm nhiều bản vá được tìm thấy trong ngăn xếp tràn và các địa điểm khác: thêm transcate3d vào css, chiều rộng thành phần truy vấn ... không có gì có hiệu lực;

Chỉ khi tôi thêm $myPage.find("[data-role=footer]").hide(0).show(0); thì trang của tôi cuối cùng đã hiển thị chính xác trên xu hướng thiên hà.

Trong trường hợp của tôi, tôi nghĩ rằng nó hoạt động vì nó buộc vẽ lại chân trang và các phần tử tôi đang ẩn/hiển thị nằm ở chân trang.

Có thể buộc ẩn/hiển thị trên phần tử khác có thể hữu ích trong trường hợp của bạn?

Các vấn đề liên quan