Xây dựng ứng dụng dành cho máy tính để bàn bằng JQuery Mobile

Question

Tôi muốn tạo một ứng dụng cho máy tính để bàn.

Và tôi muốn sử dụng Power of JQuery Mobile.

Nhưng theo mặc định, JQuery thêm mỗi điều khiển trên một hàng. nó có vẻ tốt đẹp trong một chiếc điện thoại di động, như hình dưới đây:

Nhưng nó sẽ xấu xí trong màn hình lớn:

Câu hỏi của tôi là: Có cách nào để ứng dụng thiết kế với JQuery Mobile, phong cách đa cột?

Và cách tạo ứng dụng cuộn ngang bằng JQuery Mobile? (Ý tôi là, giống như các cửa sổ 8 ứng dụng tàu điện ngầm không có cuộn dọc trong các trang. Họ có cuộn ngang trong các trang)

Answer 1

jQuery Mobile hoạt động rất tốt với máy tính để bàn. Chỉ cần sử dụng grid để cấu trúc nội dung của bạn. Tôi nghĩ rằng lợi thế thực sự của jQuery Mobile sẽ sớm hay muộn là, bạn chỉ cần viết một cái gì đó một lần và có thể triển khai trên mọi thiết bị từ máy tính để bàn đến máy tính bảng đến điện thoại thông minh với bất kỳ thứ gì. Mặc dù có một số cách để đi cho jQuery Mobile, đây sẽ là hướng tôi muốn nó phát triển thành.

Có một loạt các plugin cuộn ngang có sẵn. Hãy thử JQuery Mobile pagaintion cho các trang, photoswipe cho hình ảnh hoặc overthrow cho nội dung.

Answer 2

Tôi đã tạo ứng dụng HTML5 làm ứng dụng dành cho máy tính để bàn, sử dụng Python để tạo webkit cửa sổ và nhúng trang web vào đó. Tôi khuyên bạn nên sử dụng JQuery nếu bạn muốn, nhưng JQuery hoặc JQuery UI, không phải JQuery Mobile, bởi vì nó đã được thiết kế cho các thiết bị cảm ứng, không cho môi trường máy tính để bàn. JQuery Mobile cung cấp cho bạn cho máy tính để bàn mà giao diện người dùng JQuery không làm gì?

Answer 3

Bạn có thể bắt chước các trang web demo jQM cho cách tiếp cận hai cột

• http://jquerymobile.com/demos/1.1.0/docs/about/intro.html

Và đối với di chuyển bạn có thể sử dụng một cái gì đó như thế này

• http://code.jquery.com/mobile/latest/demos/experiments/scrollview/
• http://code.jquery.com/mobile/latest/demos/experiments/scrollview/scrollview-direction.html (Cuộn ngang)

Answer 4

Không nên sử dụng Jquery mobile cho ứng dụng dành cho máy tính để bàn. Thay vào đó, bạn nên viết ứng dụng dành cho máy tính để bàn bằng cách sử dụng giao diện người dùng Jquery và ứng dụng di động bằng cách sử dụng điện thoại di động JQuery. Tùy thuộc vào loại máy khách (thiết bị di động hoặc máy tính để bàn), hãy sử dụng thư viện thích hợp và trả lời.

Bạn có thể muốn xem Haxe http://haxe.org/ hỗ trợ nhiều nền tảng. Bạn có thể thấy thú vị khi viết ứng dụng bằng một ngôn ngữ và biên dịch chéo cho nhiều nền tảng/ngôn ngữ đích khác.

Answer 5

Chỉ cần sử dụng Lưới bố cục. Demo được cung cấp tại đây: http://demos.jquerymobile.com/1.3.0-rc.1/docs/content/content-grids.html