jQuery UI stillerini girdi ve etiketleri seçme gibi normal form öğelerine nasıl uygularım?

Question

Belki bir şey özlüyorum, ancak jQuery UI belgelerini okuduktan sonra, tema stillerini giriş ve etiket seçme gibi normal pencere öğelerine uygulama konusunda bir şey göremiyorum. Tarihler alacak giriş etiketlerinde button() ve datepicker() numaralı çağrıları çağırdıktan sonra, tutarlı bir görünüm stili oluşturmak için normal metin ve girişleri <div class="ui-widget"> içine sarmam gerekiyorsa veya onlara belirli bir css sınıfı vermem gerekiyorsa veya belge yükünde bir işlevi çağırıyorsanız Bu başka her şey stilleri?

Answer 1

jQuery UI temaları, kullandığınız diğer CSS belgeleri gibi çalışır. Belirli bir öğenin üzerinde olduğunuz bir dizi stil varsa, genellikle yapmanız gereken tek şey, söz konusu öğe için istediğiniz stilleri tanımlayan sınıfları eklemektir. Zor olan kısım, tarayıcıya bağlı olarak, birçok form elemanının geniş ölçüde değişken sertleşme derecelerine sahip olmasıdır. Özellikle, Internet Explorer, işletim sistemi teması ayarlarından varsayılan stilini alırken, yerel işletim sistemi form denetimlerini kullanır; Chrome ve Firefox gibi diğer tarayıcılar da kendi form denetimlerini kullanır ve varsayılan olarak kendi stillerini belirler.

Çoğu durumda, jQuery UI widget'ları, varsayılan form öğelerini gizler ve daha sonra, gerçek form öğelerini taklit edecek şekilde biçimlendirilebilen, s yapısı gibi daha stil verilebilir öğelerle değiştirir. Bu sahte yapılar ayrıca, girdiyi yakalamak ve gerçek form öğelerine geri döndükleri gibi, kendi içlerinde işleyen javascript olay işleyicilerine de sahiptir. Özetle, öğelerin oluşturulması için jQuery UI stilleri uygulamak bazen tema sınıflarını uygulamak kadar basit olabilir veya bazen gerçek form öğelerini taklit etmek kadar ağrılı olabilir. Her şey hedef tarayıcılarınıza ve uygulamak istediğiniz stillere bağlıdır.

Answer 2

Jquery'yi kullanan bazı örnekler.

$("input:text").addClass("ui-corner-all"); 

$("#Submit").button();