jquery - 动态更改按钮的背景颜色 Jquery Mobile

Question

我创造了一种风格

.someRedStuff
{
 background:red !important;
}

单击按钮时，我想将星形图标的颜色更改为红色

 <a data-role="button" data-iconpos= "notext" data-icon="star" id="custom-li-3" onclick="changeColor()"></a>

我尝试了这段代码，但它似乎没有起到作用..

  function changeColor()
        {          
            $('#custom - li - 3').removeClass('ui-icon-star').addClass('someRedStuff');
        }

如何更改点击时星形图标的颜色？

Answer 1

您的元素选择器有空格。删除选择器中的空格以匹配为元素声明的 id。

$('#custom-li-3').removeClass('ui-icon-star').addClass('someRedStuff');

Answer 2

这是否有效：

• http://jsfiddle.net/3cA8K/

JS

$('#custom-li-3').on('click', function(event){
    $(this).toggleClass('someRedStuff');
});

HTML

<div data-role="page" class="type-home">

   <div data-role="content">
      <a data-role="button" data-iconpos= "notext" data-icon="star" id="custom-li-3"></a>
   </div>
</div>​

CSS

.someRedStuff
{
 background:red !important;
}