從谷歌CDN使用Jquery UI datepicker醜陋

Question

我第一次使用jquery。這很令人興奮，但我遇到了一些佈局問題。第一件事是第一件事，這裏是我正在開發的網站：http://davedev.com.br/projects/jdc/v1/pt/reserva.php（這是巴西葡萄牙語，但我指的字段標註爲「數據」）。

好的，所以我使用的是Jquery和Jquery UI，以及來自谷歌CDN的Le Frog主題，你可以從網站的源代碼中看到。

它運作良好，有一些佈局問題：

1 - 剛進入工地，使得頁面頁腳要被填充。單擊字段「數據」並顯示日期選擇器時，此填充消失。這意味着......當客戶端不單擊該字段時，我們會看到一個醜陋的填充頁腳。

2 - 日期選擇器本身顯示不好，日期選擇器右側的某些日期浮出。

這兩個聲明對Firefox 3.6.7和Opera 10.60都是正確的。在Chrome上它顯示得很好。

關於如何解決這些問題的任何想法？

Answer 1

我得到了問題。 Jquery UI主題中的一些CSS規則通過我的樣式表規則得到了簡單的重寫。我的意思是，例如顏色屬性。我有一個聲明在我的CSS文件之上。 CSS主題中的一些規則具有該屬性集，但所有其他沒有它的元素受到我的樣式表規則的影響。

無論如何，我只是在我的樣式表（寬度和顏色）上設置了一些規則，並且它工作正常。

另一個問題，填充頁腳，也解決了。這是jquery ui的日期選擇器。當它開始時，它會在文檔中追加一個void div。我只是使初始化不同。我不是直接調用datepicker函數，而是將一個事件監聽器添加到數據字段中，因此datepicker僅在被點擊時啓動，並且頁面加載時佈局不再中斷。

而且，是的，我使用了一些HTML5以及CSS3。這些東西是岩石。