0

スタイルを作りました

.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');
        }

クリック時に星のアイコンの色を変更するにはどうすればよいですか?

4

2 に答える 2

2

要素セレクターにはスペースがあります。要素に対して宣言された ID と一致するように、セレクター内のスペースを削除します。

$('#custom-li-3').removeClass('ui-icon-star').addClass('someRedStuff');
于 2012-11-13T21:26:29.090 に答える
0

これは機能しますか:

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;
}
于 2012-11-14T00:21:13.753 に答える