Jquery移动: Change theme on click

Question

我有一个主题为 a 的基本列表。我正在尝试找到一种在单击按钮时更改主题的方法。尝试过 $('a li').attr('data-theme','a'); 与列表刷新结合使用，但没有成功。成功了吗？

Answer 1

您必须在页面中搜索所有 ui-body-、ui-button-up、ui-button-down、ui-button-hover 和 ui-bar- 类，找到每个类末尾的字母其中，删除这些类(class)，然后在每门类(class)末尾添加所需的主题字母。我目前正在开发一个插件来做到这一点。

下面的代码会将设置为主题 D 的栏的页面更改为主题 B:

var pages = $("div[data-role='page']"), pageThemeClasses = $(pages+"[class$=d]");

$(pageThemeClasses).removeClass('ui-bar-b');
$(pageThemeClasses).addClass('ui-bar-b');