更新按类名选择的主题

时间:2012-12-14 15:49:31

标签: jquery-mobile

以下适用于所有按钮并选择(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);

        });

1 个答案:

答案 0 :(得分:0)

这个有效!对于那些寻找答案的人来说,关键是包含select(classname ui-select)的div。然后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");