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（类名 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");