jQuery Mobile diğer CSS'yi geçersiz kılar

Question

JQuery Mobile'ı kullanarak/kullanan bir web uygulaması yapısının tasarımını değiştirmek için bir masaüstü tarayıcısına daha iyi uyması için görevlendirildim. Tüm jQuery Mobile'ları hemen kaldırmak istemiyorum, aksine geçişi zamanla yapmak istiyorum. Tüm web uygulaması bir sürü alt sayfa içeren bir sayfa kullanıyor, bu yüzden sayfa için farklı css dosyaları kullanmama izin verdiğinden, masaüstü sürümü için aynı alt sayfaları kullanarak yeni bir sayfa hazırladım.
Sorunum, 'mobile olmayan' sayfalara uyguladığım tüm css'nin jQuery Mobile (bir grup css dosyası) tarafından geçersiz kılınmasıdır. Dediğim gibi, aslında bu css dosyalarını tek seferde kaldırmak istemiyorum, çünkü alt sayfalar arasında pagetransonsuz bir ham html sayfası bırakacağım - jQuery css'den biraz uzun tutmak isteyebilirim. Örneğin, başlık gibi çalıştırın.
Şu anda gördüğüm en büyük sorun, pek çok öğenin, aslında html'de olduğunu beyan etmeden ui-btn, ui-select vb. Bu, bir düğmenin nasıl görünmesi gerektiğini tanımlayan bir css dosyasına sahip olduğumu bile düşündüğüm anlamına gelir; jQuery Mobile, bir şekilde çalışma zamanında sınıf özniteliğine ui-btn ve diğer birçok şeyi ekler - sonuçta benim .button sınıfını geçersiz kılar veya bir çeşit karışımla sona erer .

Çok fazla kodum olduğu ve neye başvurulacağımı bilmediğim için sorum oldukça geneldir; Öğelerimin yalnızca özellikle atadığım sınıflar tarafından şekillendirildiğinden nasıl emin olabilirim?

Esasen benim jQuery Mobile tutmak istiyorum, ama standart bir css sınıfı seçici (yerine TÜM düğmeleri görünüşte varsayılan olarak devralan bu büyülü şey) olarak ui-btn böyle şeyler var, bu yüzden aslında için class="ui-btn" beyan etmek zorunda kalacak bu stilin mirasını alması için öğe.

Ben sadece bazı genel ve jenerik ipuçları :)

Answer 1

, jQuery Mobile otomatik olarak yakında (uzun document.ready olay yangınları öncesi) yükler gibi birçok biçimlendirme geliştirmeleri uygular. Bu geliştirmeler, jQuery Mobile'ın ortak senaryolarla çalışacak şekilde tasarlanmış varsayılan ayarlarına dayalı olarak uygulanır. Ayarlarda değişiklik yapılması gerekiyorsa, yapılandırmaları kolaydır.

jQuery Mobile başlatıldığında, belge nesnesinde mobileinit olayını tetikler.
Kodunuzda bunun nerede olduğunu bulmaya çalışın ve muhtemelen bir masaüstü tarayıcısında bulunduğunuz durumda olmasını engelleyin.

DÜZENLEME:

<script src="jquery.js"></script> 
<script src="custom-scripting.js"></script> 
<script src="jquery-mobile.js"></script> 

bu emri değiştirerek deneyin Böylece, özel komut jquery-mobile sonra yüklenir, şu şekildedir: Bu büyük olasılıkla jquery-mobile.js dosyasında yapılır ve genellikle komut bağlantılıdır .

Answer 2

link size JQuery mobil dosyalar sonra dosyaları css ve kullanımı için umuyordum, bu bazı kod bilmeden çözümsüz varsa bana bildirin! Zorlamak için css üzerinde önemli tarayıcı gibi bunları kullanmak için: böyle jQuery ve jQuery UI gibi diğer jQuery projelerinin aksine

color: red !important;