2009-01-29 106 views
21

好的,我已經推出了自己的主題,我製作了一個自定義的jQuery UI包(進度條,日期選擇器,滑塊)並將其全部安裝。似乎(主要)工作除了兩件事:jQuery UI Datepicker的問題

  1. 當我的網頁第一次加載datepicker的div是可見的;和
  2. 文字「下一個」和「上一個」在我的圖標下方以大字體顯示。沒有一個例子似乎有這個問題。

    #ui-datepicker-div { display: none; } 
    

    在另一個CSS文件,但再次沒有演示似乎需要這樣的:

現在(1)我目前通過求解。

我錯過了什麼?

+0

啓動螢火蟲,突出顯示按鈕並找出正在分配的樣式。然後在這裏發佈,這應該有助於我們調試您的問題。 – 2009-01-29 22:10:08

回答

1

不瞭解你的問題,我相信它可能是你的網頁上的其他CSS與選擇器衝突。

2
  1. 確保您的JavaScript文件正確加載,檢查丟失的文件或不正確的路徑。
  2. 請確保您的腳本在文檔準備好後運行,請嘗試將腳本放在$(document).ready()之前和/或內部。嘗試剝離出您自己的css,看看是否有任何css衝突。
  3. 在這裏發佈一些代碼。 :)
7

我使用#ui-datepicker-div {display:none; }

5

好非常感謝,這是工作的兄弟,在這裏我已經做了解析: 寫這種風格文件的jQuery-UI-1.7.1.custom.css(或您加載桉葉油css文件):

#ui-datepicker-div { display: none; } 

再刷新頁面

+0

Upvoting爲措辭「這是工作兄弟」 – 2015-04-12 03:47:35

2

我,因爲我用的是樣式表的jQuery UI的版本,我用錯版也有類似的問題(我已經升級了jQuery UI的無需升級樣式表)。如果您使用jQuery UI 1.8.17,請確保所使用的樣式表也是1.8.17版。

+0

我想知道爲什麼這個問題是近3年後從挖掘中挖掘出來的嗎? – Gareth 2012-01-12 08:12:23

1

對於我的CSS不包括(jquery.ui.datepicker.css)。所以我在頁面底部看到了一個div(ui-datepicker-div),並且我在FireBug中遇到以下錯誤:instActive is undefined

1

請改變從 instActive.inline 到 (typeof運算(instActive)== '不確定' || instActive.inline)

在jqueryui.js

爲了討論這個goto-> http://code.google.com/p/jquery-datepicker/issues/detail?id=285

0

既然沒有人回答這個問題的第二部分...

添加以下兩行你的。UI圖標CSS:

text-indent: -99999px; 
overflow: hidden; 

這應該修復顯示的「Prev」和「Next」。