Chọn kiểu hộp trong Android 2.3 khác với Android 4.2

Question

Tôi đang làm việc trên ứng dụng PhoneGap trong đó nhấp vào nút sẽ tạo số lượng hộp văn bản cụ thể và chọn hộp dựa trên dữ liệu nhập của người dùng.

Tôi đã thử nghiệm ứng dụng trên AVD chạy Android 4.2. Tất cả mọi thứ đã làm việc tốt và selectboxes tạo cùng với hộp văn bản trông như hình dưới đây:

Bây giờ, tôi đã thử nghiệm ứng dụng tương tự trong một AVD chạy android 2.3 mà đã cho tôi kết quả đưa ra ở đây:

.

Rõ ràng, hộp chọn một mình xuất hiện lạ trong Android 2.3 trong khi các điều khiển khác như hộp văn bản và nút là hoàn toàn tốt.

Tôi không có bất kỳ đầu mối nào tại sao điều này xảy ra. Ứng dụng sử dụng JQM và Cordova 2.5.0.

Để cung cấp cho bạn một số mặt đất trên những gì tôi đang cố gắng để giải thích, tôi đã thêm đoạn code dưới đây mà là chọn đánh dấu hộp của tôi

<select class="sel" data-theme="a" id="selectmenu0"> 
     <option value="1">option1</option> 
     <option value="2">option2</option> 
     <option value="3">option3</option> 
    </select> 

Answer 1

tôi giải quyết vấn đề bản thân mình. Vấn đề là với cách tôi tạo ra đánh dấu. Đối với một số lý do không xác định, Android 2.3 hy vọng DOM sẽ được xây dựng trước khi điều hướng đến trang tiếp theo nơi DOM được tạo sẽ được chèn vào.

Nhưng trong trường hợp của tôi, Khi nhận đầu vào từ người sử dụng, tôi đã làm các thao tác sau

1. tôi điều hướng đến trang đích
2. Sau đó, tôi đã xây dựng đánh dấu hộp chọn

Vì lý do nào đó, Android 2.3 hy vọng các bước trên sẽ theo thứ tự ngược lại. Chỉ sau đó, JQM áp dụng kiểu dáng của nó để chọn hộp.

Answer 2

tôi đã cùng một vấn đề và giải quyết nó bằng cách thiết lập các thông số 'dữ liệu bản địa-menu' false, như thế này:

<select id="yourSelectBox" data-native-menu="false"></select> 

Tôi nghĩ rằng đây là đơn giản hơn.