押されたときにボタンのテーマを変更する

私は押されたときにボタンのデータテーマを変更しようとしています。

ボタンのonClickハンドラでこのJavaScript関数を呼び出しています:

function changeNextButtonColor() {
    var nextButton = document.getElementById('next');
    nextButton.setAttribute('data-theme', 'a');
}

テーマは変わりません。何か案は?

4
あなたのコードは動作します。何かが間違っている。 JavaScriptコンソール(Web Inspector、Firebug、Dragonfly ...)は何を表していますか?エラーが報告されていますか?
追加された 著者 David Thomas,
みんなありがとう!ボタンが入力の送信であるために動作していない可能性がありますか? <input type = "submit" name = "next" id = "next" value = "NEXT" class = "navButton" onclick = "changeNextButtonColor();" data-role = "button" data-icon = "arrow-r" data-theme = "c" data-iconpos = "right">
追加された 著者 Marco Matarazzi,

2 答え

ボタンのテーマを設定したら、以下のように "refresh"を呼び出す必要があります。

$("#next").attr("data-theme","a").button('refresh');

プロセスのすべての「次の」ボタンにこのような振る舞いをバインドし、複数のボタンが複数ある場合は、このようなことを行うことを検討するとよいでしょう。すべてのページでcolorChangeButtonのクラスを持つボタンがチェックされ、クリックされると、data-theme-pressedのbutton属性で指定された代替テーマにテーマが変更されます。

Next

<script type='text/javascript'>
    $('div').live('pageinit', function(){
        $("a.colorChangeButton).click(function(){
           var $thisButton = $(this);
           $thisButton.attr("data-theme",$thisButton.attr("data-theme-pressed")).button('refresh');
        });
    });
</script>
3
追加された
これは正常に動作します
追加された 著者 ghostCoder,
function changeNextButtonColor() {
    $('#next').attr({'data-theme': 'a'});
}

jQueryを使用している場合は、これがあなたのコードです。

2
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript