2012-07-19 38 views
1
$(this).css("background-color", "red"); 

對於正常輸入,我爲每個輸入循環內的背景紅色設置了正確的輸入循環。使用JavaScript的JQuery移動樣式

但是,當它選擇它似乎沒有工作。 jQuery的移動選擇圖像仍然保持不變!

即時通訊使用JQuery + JQuery Mobile。

我該如何強制它改變?即使它只是添加邊框?

+0

如果select有背景圖像集,你看了嗎?如果有一個背景圖像,你可以設置背景顏色多少你想要的,你不會看到它只要圖像不清除 – 2012-07-19 11:52:44

回答

0

我給這溶液是

$(element).parent().addClass("inputRequired"); 

獲取元素的父(這是選擇標記)和加入所需的類到DIV代替。

1

你可以很容易地覆蓋每一個選擇菜單的樣式在CSS:

div.ui-select span.ui-btn-inner { 
    border: 1px solid red; 
    color: red; 
    text-align: right;  
} 

..或者,如果你想堅持的jQuery:

$('.ui-select span.ui-btn-inner').css('background-color', 'blue');​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

..定製特定的選擇菜單,給你的select元素一個id,然後用jQuery選擇它,你需要將​​3210附加到id。這是由於jQuery Mobile創建了多個您可能不知道的元素。所以,如果你給你的選擇菜單的ID custom-id和你想改變它的背景色,你的jQuery應該是這樣的:

$('.ui-select #custom-id-button span.ui-btn-inner').css('background-color', 'green'); 

..並在相同的CSS:

div.ui-select #custom-id-button span.ui-btn-inner { 
    text-align: left;  
} 

更新的jsfiddle
http://jsfiddle.net/5Bkx9/6/

+0

像這個答案很多,但我怎麼會只做某些選擇,而不是商場? 我試過$('#'+ id)。addClass('customSelect')和customselect類與上面的代碼相同,但是背景顏色相同,因爲您的代碼會將其廣告到所有選擇的 – LmC 2012-07-19 12:34:54

+0

okey,我更新了我的答案和jsfiddle,讓我知道您是否需要任何幫助 – micadelli 2012-07-19 14:43:58

+0

嘿,多麼偉大的一段代碼,我現在遇到的問題是:ive加載了dom,當我點擊一個按鈕時,我希望能夠選擇css樣式,現在這不適用於我們的代碼,如果我添加類或添加CSS和ive試圖做select元素觸發器創建和仍然沒有什麼,所有的幫助將非常感激,謝謝 – LmC 2012-07-20 10:28:50

0

檢查什麼this是在你的執行上下文。請記住,對於相同的確切方法,this可能是不同的事情,具體取決於調用的目標。最好使用選擇器明確選擇它。

如果這不是問題,請檢查您是否使用!important指令添加了背景顏色後添加了該字段。

爲了更好地分析您的問題,您必須向我們提供更多信息,並在jsfiddle中進行最佳複製。

+0

試過,我不能重要的JS因爲這個項目很大 – LmC 2012-07-19 12:46:02