如何根据选择更改jquery mobile选择菜单按钮的背景颜色?

用户名

如何根据选择更改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())
    })
})

http://jsfiddle.net/08e77sr9/

编辑:也许您发布的代码是您唯一的代码?然后的解释是,您必须将代码连接到元素更改事件。而这需要在文档加载后完成

编辑:解决方案是这样,您需要定位正确的元素,jQuery mobile会生成很多新元素:

$("#colormenu-button").css("background-color", $(this).val())

http://jsfiddle.net/9xkx46up/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章