2011-03-03 44 views
1

當使用jquery.ui.datepicker時,我的頁面中有一個空的div,並且它不被隱藏。你可以看到它的樣子:jquery.ui.datepicker問題

enter image description here

我使用Firebug檢查代碼:

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div"></div> 

我查由螢火蟲的CSS,它應和隱藏的CSS是:

.ui-datepicker { 
    display: none; 
    padding-bottom: 0; 
    padding-left: 0.2em; 
    padding-right: 0.2em; 
    padding-top: 0.2em; 
    width: 17em; 
} 

,但此行: 顯示:無 是透。爲什麼會發生?我怎樣才能解決這個問題?

謝謝。

回答

1

由於CSS級聯,您的CSS中必須有一些其他指令指向該DIV,並告訴它必須顯示它。螢火蟲將能精確規則重寫它告訴你,看看

您應該CSS具體看看這篇文章:http://htmldog.com/guides/cssadvanced/specificity/

編輯的螢火蟲是如何顯示重寫類

例。未刪除線是活動類:這裏的高品質圖像:http://i.stack.imgur.com/kJoQv.jpg

Example of how Firebug shows overridden classes. The ones that are not struck through is the active class

+0

「螢火就能準確地告訴你哪個規則是壓倒一切的是」那怎麼辦?這就是我想要的。我無法打開該鏈接。 – Tom 2011-03-04 01:30:13

+0

鏈接工作,複製粘貼並看到。添加了一張圖片,向您展示Firebug如何展示它。 – JohnP 2011-03-04 05:12:12

+0

謝謝,圖像是sweet.Now問題是固定的,我改變了CSS導入的順序:jquery.ui.core.css應該在jquery.ui.datepicker.css之前。我必須使用代理才能訪問該鏈接,因爲我在GFW後面。那篇文章非常有用。 – Tom 2011-03-04 07:34:31