Q

不明白如何用jQuery控制css元素css

jquery
css

2011-11-23 25 views 0 likes

0

我的網站有一些css不一致，我認爲它是由jQuery css引起的。不明白如何用jQuery控制css元素css

例如，我有此頁：http://www.problemio.com - 如果您按右上方的創建帳戶，標題鏈接將以黑色顯示。

但是，如果您轉到此頁面：http://www.problemio.com/problems/categories.php並按右上方的註冊，則「登錄」鏈接將顯示爲藍色。

究竟是什麼導致這種情況，以及如何確保所有這些鏈接以藍色顯示，就像在categories.php頁面中一樣？

2011-11-23 GeekedOut

+0

不確實爲我（對獅子OS X的Firefox 8.0.1 ）。你使用的是什麼瀏覽器？ – MacMac

+0

@lolwut我正在看它在Chrome – GeekedOut

+1

最好的猜測是，因爲你有多個元素具有相同的ID（登錄），更改只適用於一個元素，這不是你所期望的。始終使用獨特的ID。 – JJJ

A

回答

2

在第一頁，你加載：http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/black-tie/jquery-ui.css

在第二頁，你加載：http://jqueryui.com/themes/base/jquery.ui.all.css

這些樣式定義不同的樣式。

此外，在第一頁上，您首先加載自定義樣式，然後加載jQuery UI CSS第二個;你在第二頁做相反的事。因此，在第一頁上，您的樣式會被jQuery UI樣式覆蓋，而在第二個頁面上，您的樣式會覆蓋UI樣式。

2011-11-23 20:53:44 nrabinowitz

4

區別在於本節中的參考資料。在第一個鏈接中，您引用了一個覆蓋登錄顏色的jQuery UI。另一方面，CSS文件沒有鏈接。看看螢火蟲或按f12在鉻（右鍵單擊並選擇檢查元素，看看css）

2011-11-23 20:47:26

2

如果你想要整個網站的一致性，我建議你有一個基礎文件的所有共享的CSS是共享的通過您的網站。 base.css將包含您的基本元素的所有樣式，以及您希望事物行爲方式的所有樣式。另外，如果您在多個文件中有常見的JavaScript代碼，我還會創建一個包含所有基本JavaScript操作的共享base.js文件。這可以讓你對整個網站有一致的感覺。

2011-11-23 20:52:40

1

你的CSS文件http://www.problemio.com/main.css上線99聲明瞭一個灰色的登錄鏈接

.banner .site_login a { 
    color: gray; 
    text-decoration: none; 
}

改變顏色：灰色;顏色：藍色;或任何你想要的十六進制值，這個「問題」會消失

2011-11-23 20:53:33

1

我看到的不一致是您正在加載不同的CSS文件！

一個使用

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/black-tie/jquery-ui.css

其他人使用

http://jqueryui.com/themes/base/jquery.ui.all.css

不是一個真正的jQuery UI的問題...

2011-11-23 20:54:41 Jaibuu

相關問題