特定のクラスのボタンがあります
<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/をいじることができます