javascript - 按下按钮时的 Jquery 移动切换按钮数据主题

Question

我有一个特定类别的按钮

<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    

我想在点击时切换主题颜色。切换 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 styling 的东西而自己做？我实际上希望按钮在按下时切换，而不是释放。也许你可以摆弄 http://jsfiddle.net/PLx8v/3/

Answer 1

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

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