按下按钮上的Jquery移动切换按钮数据主题

时间:2013-03-25 14:31:05

标签: javascript jquery css css3 jquery-mobile

我有某个班级的按钮

<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/

1 个答案:

答案 0 :(得分:0)

如果您要检查是否相等,请确保您的if语句有3个等号

if( progToggle === '1' ) {}