Hướng dẫn tích hợp và/hoặc tích hợp mẫu jQuery-Mobile Meteor

Question

Tôi bị ấn tượng bởi Meteor và muốn sử dụng nó với jQuery-Mobile. Tôi muốn biết nếu ai đó đã xây dựng một ứng dụng tích hợp mẫu. Nếu không, một số hướng dẫn sẽ là tuyệt vời.

Kính trọng,

Cédric

Answer 1

tôi đã tự hỏi về vấn đề này cũng vì vậy tôi đã thực hiện một ứng dụng mẫu:

http://jqmdemo.meteor.com/

Và có vẻ như để làm việc tốt. Bạn có thể tìm thấy mã nguồn ở đây:

https://github.com/snez/jqm-meteor

Có một vài gotchas khi sử dụng hai với nhau, thấy các chú thích trong mã.

CẬP NHẬT: Dường như meteor.com đang nâng cấp lên khung sao băng vi phạm mã cũ ở đó. Sử dụng dự án này như một tham chiếu chỉ vì có những cách tốt hơn để làm điều tương tự với các phiên bản khung mới hơn.

Answer 2

tôi khuyên bạn nên xem xét các gói jQuery trong thư mục /packages/jquery.

Tất cả việc này là thêm tệp jquery.js vào ngăn xếp tệp để gửi tới ứng dụng khách. Nếu sau này bạn có thể thêm gói của riêng bạn gọi là jquery-mobile và bao gồm các tệp cần thiết.

Xem file package.js cho cách hoạt động:

https://github.com/meteor/meteor/blob/master/packages/jquery/package.js 

Vì vậy, chỉ cần thêm các tập tin di động vào gói jquery-mobile của bạn và làm một cái gì đó như:

Package.on_use(function (api) { 
    api.add_files('jquery.mobile-1.1.0.min.css', 'client'); 
    api.add_files('jquery.mobile-1.1.0.min.js', 'client'); 
}); 

Answer 3

tôi đã không có thể làm cho jQuery Mobile hoạt động ban đầu khi tôi cố gắng đóng gói các tệp khung công tác trong thư mục máy khách. Meteor đã ném một lỗi trên các tệp JS đang cố gắng đặt DOCTYPE, ngay cả các tệp trong thư mục ví dụ không bao giờ được tham chiếu. Bằng cách sử dụng phiên bản được lưu trữ trên CDN và vô hiệu hóa autoInitializePage như được đề cập trong một nhận xét ở trên, tôi đã nhận nó hoạt động mà không cần truy cập vào bất kỳ API không có giấy tờ nào.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 
<script type="text/javascript"> 
    $(document).bind("mobileinit", function(event, data){ 
      $.mobile.autoInitializePage = false; 
    });  
</script>