jQTouch ve Backbone.js Yönlendirme/Görünümler

Question

Kimsenin en son jQTouch'ı Backbone.js ile kullanıp kullanmadığını merak ediyorum ve eğer öyleyse Backbone'un yönlendiricileri ve görünümleri kullanarak jQTouch yerine sayfalar arasında geçiş yapmayı nasıl başaracaklarını otomatik olarak div göstermeye çalışıyorlar karma ile ilgili özel kimlik.

Answer 1

JQTouch ile neyi başarmaya çalışıyorsunuz? AFAIK, divleri göstererek ve gizleyerek tek bir sayfa mobil web uygulaması oluşturmanıza izin veren hafif bir mobil çerçevedir. bu size verir üç ana nokta: sayfa (slayt, pop, solmaya, vs) arasında

1. Güzel mobil UI öğeleri
2. CSS3 geçişleri. otomatik dokunma UI öğesi dayalı sayfalar arasında geçiş
3. bir navigasyon çerçeve (örn href #about ile çapa dokunun olacak kimliği about ile sayfa (div) için geçerli sayfadan oto geçişi)

ben 1) ve 2) hayatınızı daha kolay bir hale getirmeyi ve BackBone'un ele alınmasını istediğinizi varsayalım) 3) BackBone'un MVC yapısı ve görünümler arasındaki olay yayımı güzel olduğu için bu bana mantıklı geliyor. Bu durumda, gerçekten 1) ve 2) sadece CSS hileleridir. Yani jqtouch.css ve hendek jqtouch.js'u saklayın. Böylelikle, tüm güzel stilleri elde edersiniz ve navigasyonla uğraşırken jqTouch'a gerek kalmadan BackBone görünümlerinizde geçişleri programlı olarak gerçekleştirebilirsiniz.

Bunu yaparsanız, tüm uygulamanızı <div id="jqt"></div> içine sarmayı unutmayın, böylece stil sayfası tüm öğe öğelerinizi ve düğmelerinizi bulur ve uyarlar. Eğer bir geçiş kullanmak istediğinizde, jQuery/Zepto her sayfaya doğru CSS eklemek kullanın:

$("#toPage").addClass('slideleft in current'); 
$("#fromPage").addClass('slideleft out'); 

Bu jqtouch.css belirtilen CSS3 geçişleri tetikleyecektir. Mevcut geçişlerin listesi jqtouch.js, satır 61'den itibaren bulunabilir. Farklı bir geçiş elde etmek için farklı bir animasyon adı için yukarıdaki kodda bulunan slideleft'u değiştirin.

Yasal Uyarı! Aslında bunu denemedim, sadece bir teori ve işe yaramayabilir ... Tam olarak bunu başarmaya çalışsam da, BackBone ile güzel bir mobil UI teması kullanıyorum ve bu bulabildiğim en yakın şey. Bir şansım olduğunda, önümüzdeki birkaç gün boyunca bunu dener ve kodlarım. Eğer önce oraya gelirsen ve girişimde bulunursan lütfen bana ne olduğunu anla!