2012-07-19 19 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