2013-07-03 16 views
7

Web sitemde bir JQuery DatePicker öğesini kullanıyorum. Ancak, ayın her iki tarafında da gösterilen küçük okları göremiyorum. Bölge tıklanabilir & Bölgeye tıklayarak aylara göz atabiliyorum. Ama aslında boş & hiçbir ok görüldü.JQuery UI Elements 'Resim görüntülenmedi

Örn: 2013 '<' Temmuz '>'

JQuery iletişim denetimi kapatma düğmesi de benzer bir sorun encounterd. Burada, close button image -> 'X' gibi bir şey sağ üst köşede görünmez. Ancak bu alana tıklayarak diyaloğu kapatır.

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <link rel="stylesheet" href="styles/jquery-ui.css" /> 
    <script language="javascript" type="text/javascript" src="js/jquery.js" ></script> 
    <script language="javascript" type="text/javascript" src="js/jquery-ui.js"></script> 
</head> 

İçerilen dosyanın sırası bu şekildedir. Aşağıda, atıfta bulunduğum bağlantı var. İndirmek için bu linke gönderilen css dosyasını kullandım.

http://jqueryui.com/datepicker/#default

yardım edin.

+2

CSS dosyasındaki hareketli grafiğin yolunu kontrol ettiniz mi? – j08691

+0

Css dosyasını eklediniz mi? –

+0

Css dosyasını ekledim. Aynı şeyi de kontrol ettim. Ama onu bulamıyorum. Tüm 'datepicker' dizelerini aradım ama yol hakkında yazan hiçbir şey yok. –

cevap

5

Yardımlarınız için tüm yardımlarınız için teşekkürler!

.ui-widget-header .ui-icon { 
    background-image: url(images/ui-icons_222222_256x240.png); 
} 

Bu, amacı yapan görüntü yoludur. Dosya code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css ile aynıdır.

Yardım için gerçekten çok memnun oldum. Tekrar teşekkürler, @ j08691, @Tim B James, @John ツ, @Lopsided !! :)

7

Sorun, görüntü dosyalarının CSS dosyasına göre konumu olarak görünüyor. JQuery UI CSS sayfaları, UI'de kullanılan çeşitli görüntü dosyalarını referans alır. Tüm dosyaları CSS klasöründe tutmalı ve oradan onlara göndermelisiniz. Gerçi bu CSS klasörlerini gerektiğinde değiştirebileceğinizi keşfettim. İşte birden fazla jQuery UI temaları ile kullanıyorum bir sitedir.


Benim dizin listesi:


:


enter image description here


Ve işte benim kodundan referanslarıdır

enter image description here


ASP.NET'te kodlama ediyorumyüzden sadece içerik yer tutucu etiketlerini görmezden.

* Şunları da unutmayın ... (ör, "karanlık-tema") girişimde dizinde bakın Her tema klasörü jQuery's Custom Themeroller kullandığınızda "CSS" klasörü içinde oluşturulan bir alt klasörüdür. Varsayılan bir jQuery kütüphanesi kullanarak olsaydı, görüntüler klasörüne ve CSS dosyaları "CSS" klasöründe doğrudan bulunur inanıyoruz **

BONUS BİLGİSİ:. jQuery Themeroller kullanarak, onlar birden çok tema istihdam sağlayacak "CSS kapsamı" etiketini kullanarak. Sağlanan metin kutusuna istenilen sınıf adını yazarak bu özelliği kullanabilirsiniz (sınıflar jQuery seçicisinde olduğu gibi önceliğe göre yapılmalıdır). Birden çok tema kullanıyorsanız, jQuery'yi bir kez çağırmanız ve sonra gerekli olan her CSS dosyasına başvurmanız gerekir. Örneğimde yaptığım şey bu, ve işte bitmişken neden biraz daha karmaşık görünebiliyor.