如何根据选择更改jquery mobile选择菜单按钮的背景颜色?
下面是到目前为止的代码。它仅更改选项值的背景色,而不更改菜单按钮的背景色。
<select id="colormenu" data-mini="true" >
<option value="red">red</option>
<option value="green">green</option>
<option value="blue">blue</option>
<option value="black">black</option>
</select>
$("#colormenu").css("background-color", $(this).val())
我不确定您的确切问题是什么,但这通过您的代码说明了如何从选择元素的值更改其背景颜色。也许您把事件弄错了吗?
$(function() { //document load event
$("#colormenu").change(function() { //change event of element
$(this).css("background-color", $(this).val())
})
})
编辑:也许您发布的代码是您唯一的代码?然后的解释是,您必须将代码连接到元素更改事件。而这需要在文档加载后完成
编辑:解决方案是这样,您需要定位正确的元素,jQuery mobile会生成很多新元素:
$("#colormenu-button").css("background-color", $(this).val())
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句