jQuery用戶界面和Wordpress的CSS衝突問題

我一直在這個問題上辛辛苦苦了好幾天了，我似乎無法找到錯誤的地方。jQuery用戶界面和Wordpress的CSS衝突問題

有問題的網站是這樣的http://wrhsac.org/

如果您在日曆看這裏，這是滿溢出來的容器，而忽略樣式。點擊查看日曆的其他實例。如果你注意到這兩個地方都在拉同一個CSS。我試圖編輯CSS，jQuery和主頁日曆沒有響應。

現在導航到http://wrhsac.org/home這兩個頁面都從同一個.php文檔中拉出來，但它們都呈現不同的效果。在這個頁面上，日曆看起來是合適的，但其他內容不...

我們更進一步，創建了一個測試網站。測試網站正確加載日曆...

有些事情要注意：這是第一次建立在WordPress 3.4.2上。然後升級到3.9.2以適應重力形式。這也是一個多站點

我很難過，任何幫助將是偉大請讓我知道是否需要更多的信息。

來源

2014-10-27 Justin Medas

他們不拉動相同的CSS。破損的是從wrhsac.org/datepicker.css?ver=1.8.4拉CSS，而正確運行的CSS只從style.css和jquery-ui.css中提取。

您可以在大多數瀏覽器中點擊F12，並在加載後檢查頁面上的元素。然後你就可以看到CSS究竟在影響元素。另外，通過點擊F12並在HTML中擴展'head'標籤，您將看到兩頁上的樣式表引用非常不同。您應該刪除對wrhsac.org/datepicker.css?ver-1.8.4的引用 - 或者應該從該文件中刪除ui-datepicker樣式以避免衝突。

來源

2014-10-27 18:55:23

哇，我不能相信我錯過了！得到這個：它從Gravity Forms中的css文件夾中提取datepicker.css，並且它們是衝突的。我們把它從文件夾中刪除了，中提琴！謝謝你的幫助 – 2014-10-27 19:26:53

沒問題。由於文件太多，CSS衝突很常見。如果需要，您可以隨時對其進行修改（刪除它可能會對另一個頁面產生負面影響） - 但請記住，F12是您最好的朋友（點擊F12後需要花費大約15秒的時間才能找出它）！ – 2014-10-27 19:29:14

jQuery用戶界面和Wordpress的CSS衝突問題

回答

相關問題