2012-04-13 22 views
15

Meteor'dan çok etkilendim ve jQuery-Mobile ile kullanmak istiyorum. Birisi zaten bir örnek entegrasyon uygulaması oluşturmuş olup olmadığını bilmek isterim. Değilse, bazı kurallar harika olurdu.jQuery-Mobile Meteor örnek entegrasyonu ve/veya entegrasyon kuralları

Selamlar,

Cédric

+6

Ben de bununla ilgileniyorum ve onu entegre etmeye çalışıyorum. jQuery Mobile, sayfayı başlatır ve yükün DOM değerini değiştirir. Sonra meteor başlatır ve DOM'a ve bu anlaşmazlığa kendi html'sini ekler. '$ .mobile.autoInitializePage = false;' mobileinit 'etkinliğinin ayarlanması, bunun gerçekleşmesini sağlamalıdır. Aldığım kadarıyla. Tam bir örnek/kılavuz ile geldiğimde/ile bir cevap güncellenir. – rmarscher

+2

Basitçe jquery.js ve jquery-mobile.js'yi/client dizinine koyun. Bu şekilde diğer betiklerden daha sonra yüklenirler. JQuery paketinden kullanmayın. Diğer cevapta önerilen jQuery-mobile paketini denedim ama Meteor'ın javascript yükleme emri yüzünden daha fazla sorun yaşadım. –

cevap

6

Ben de bir örnek uygulamayı geliştiren yüzden bu konuda merak ediyorum. Burada kaynak kodunu bulabilirsiniz:

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

birlikte iki kullanırken birkaç FRİKİKLERİNDEN vardır, kodda yorum alıyor.

UPDATE: Bu, meteor.com'un yükseltmeleri eski kodu bulamayan meteor çerçevesine çekiyor gibi görünüyor. Bu projeyi sadece referans olarak kullanarak aynı şeyi daha yeni çerçeve sürümleriyle yapmanın daha iyi yolları olduğu için kullanın.

+0

Harika, güzel iş! –

+0

Bu uygulama çalışmıyor. "Güncelleme başarısız oldu: Erişim engellendi". Sonuç olarak, bunun aslında @rmarscher tarafından belirtilen problemi çözdüğünü doğrulayamıyorum: Eğer iki tarayıcı açıksa ve değerleri bir tanesinde değiştirirseniz, meteor, jQuery mobil değişikliklerini html ve clobber ile güncelleyecektir. – jchook

+0

Bilgi için demo'nun güncellenmiş, çalışan bir sürümü http://jqmdemo.meteor.com/ adresinden edinilebilir. –

3

ben /packages/jquery klasöründe jQuery paketine bir bakmanızı öneririm.

Tüm bunlar, istemciye gönderilmek üzere jquery.js dosyasında dosya yığını içine eklenir. Eğer bundan sonra jquery-mobile adında kendi paketinizi ekleyebilir ve ihtiyaç duyduğu dosyaları ekleyebilirsiniz.

nasıl çalıştığını için package.js dosyasına bakın:

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

Dolayısıyla, sadece jquery-mobil paket içine mobil dosyaları eklemek ve böyle bir şey yapmak:

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'); 
}); 
+0

Oh ve sonra "Meteor ekle" yi kullanarak uygulamanıza ekleyin veya uygulama dizininizde .meteor/paketleri dosyasına ekleyin – jonathanKingston

+0

Ayrıca, Meteor geliştiricilerinden N1mmy'den yanıtı okuduysanız, API'nin değişeceğini önerir: http://stackoverflow.com/questions/10114526/how-to-build-a-meteor-package Bu yüzden, dosyaları bir js dosyasında yerel olarak şablonunuza dahil etmeyi önerebilirim. – jonathanKingston

4

Ben değildi jQuery Mobile, istemci dosyalarını çerçeve dosyalarını demetlemeye çalıştığımda başlangıçta çalışabildi. Meteor, DOCTYPE'yi, hatta başvurulmayan örnek klasöründeki dosyaları bile ayarlamaya çalışan JS dosyalarında bir hata atıyordu. CDN tarafından barındırılan sürümü kullanarak ve yukarıdaki bir yorumda belirtildiği gibi autoInitializePage özelliğini devre dışı bırakarak, belgesiz API'lere erişmeden çalışmasını sağladım.

http://jqmdemo.meteor.com/

Ve iyi iş gibi görünüyor:

<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>