返回jQuery UI元素的CSS值

Question

我不確定這是否可以通過jQuery或其他方式，但我已將主題切換器小部件合併到我的web應用程序中。我有一組可選的UI元素，我希望在頁面加載/主題切換時將顏色與當前主題的ui-state-highlight顏色相同。我試圖在var中存儲背景的值，所以我可以使用.css來設置可選顏色以匹配。

input = $('.ui-state-highlight').css('background')

回報不確定，但如果我嘗試用

input = $('.ui-state-default').css('color') 

我可以返回一個值。

我錯過了什麼？

Answer 1

你的第一個例子，你有沒有期限之前'ui-state-highlight'所以您要選擇與UI狀態的高亮顯示的類型（而不是一個類型DIV，INPUT，選擇等）

$('ui-state-highlight') 

元素

你的第二個例子中，你其實選擇一個類的「UI狀態默認」元素

$('.ui-state-default') 

編輯：根據您更正我猜測這裏的問題是，你可能會試圖讓背部任何具有ui-state-highlight類的元素的底色，但實際上並沒有顯示在您的頁面上。

嘗試下面的代碼，基於答案Get a CSS value from external style sheet with Javascript/jQuery

var $p = $("<p class='ui-state-highlight'></p>").hide().appendTo("body"); 
input = $p.css("background"); 
$p.remove(); 

您暫時創建一個新的<p></p>，然後刪除之前搶的背景色關閉它。