1

特定のクラスのボタンがあります

<div class="prog-day">
    <div class="prog-clear" data-role="controlgroup" data-type="horizontal">
        <a href="#" data-role="button" data-mini="true" data-theme="b">Clear</a>
    </div>  
    <p></p>
</div    

そして、onclickでテーマの色を切り替えたいと思います。トグル ID が変更され、データ テーマの文字が表示されますが、色は変更されません。これは、他の投稿に基づいて試したすべてのもの(トリガー、作成、更新)です

$(".prog-day a").click(function() {
    console.log("clicked a day button");
    progToggle = $(this).attr("progToggle");
    if ( progToggle == "1"  ) {
        $(this).attr("data-theme","b").refresh;
        $(this).attr("progToggle","0");
        $(this).trigger('create');
        $(this).trigger('refresh');
        $('.prog-day p').html($(this).attr("progToggle")+$(this).attr("data-theme"));
        progToggle = $(this).attr("progToggle");
     }
     else {
        $(this).attr("data-theme","d").refresh;
        $(this).attr("progToggle","1");
        $(this).trigger('create');
        $(this).trigger('refresh');
        $('.prog-day p').html($(this).attr("progToggle")+$(this).attr("data-theme"));
        progToggle = $(this).attr("progToggle");
    }           
});

ここで何が欠けていますか。この JQM スタイリングをスキップして、自分でやったほうがよいでしょうか? 実際には、ボタンをリリースではなく、ダウンプレスに切り替えたいと思います。おそらく、 http://jsfiddle.net/PLx8v/3/をいじることができます

4

1 に答える 1

0

等しいかどうかを確認する場合は、if ステートメントに 3 つの等号があることを確認してください

if( progToggle === '1' ) {}
于 2013-03-25T14:48:02.910 に答える