jquery-mobile - クラス名による選択のテーマを更新

Question

以下は、すべてのボタンと選択 (jqm 1.2) で機能します。ページのテーマは data-theme -a です。クラス名がcc_groupのページで特定の選択を行うにはどうすればよいですか?

$(document).on('click', '.btn_setup', function (event, ui) {
            var theme = 'e';
            //the only difference between this block of code and the same code above is that it doesn't target list-dividers by calling: `.not('.ui-li-divider')`
            $.mobile.activePage.find('.ui-btn').not('.ui-li-divider')
                    .removeClass('ui-btn-a')
                    .addClass('ui-btn-up-' + theme)
                    .attr('data-theme', theme);

        });

Answer 1

これはうまくいきます！答えを探している人にとって、キーは選択を格納する div (classname ui-select) です。次に、ui-btn-up はスタイル設定された jqm ボタンです。

$(".cc_group").closest("div").addClass('ui-btn-up-' + theme).attr("data-theme", "e").removeClass("ui-btn-hover-a").removeClass("ui-btn-up-a");