在JQueryMobile中动态更改按钮数据主题
在JQueryMobile中动态更改按钮数据主题
提问于 2013-03-29 16:10:29
我在动态改变按钮的主题时遇到了一点小麻烦。从另一篇文章中，我学会了如何使用：
<input type="button" data-inline="true" data-mini="true" data-theme="c" id="my-button" value="Save">
<script>
$("#my-button").buttonMarkup({ theme: 'a' }).button('refresh');
</script>从技术上讲，这是可行的，直到我将鼠标悬停在上面-然后按钮返回到数据主题"c“。有没有更好的方法来动态改变主题？
回答 2
Stack Overflow用户
发布于 2013-03-29 16:47:46
如果您使用如下按钮
<a href="#" id="my-button2" data-role="button" data-theme="e">Save2</a>您可以更改主题，如下所示
$('#my-button2').attr("data-theme", "c").removeClass("ui-btn-up-e").addClass("ui-btn-up-c");在这里查看实时小提琴http://jsfiddle.net/mayooresan/jfDLU/
Stack Overflow用户
发布于 2013-09-03 00:15:02
我试图找到这个问题的答案，但在研究了DOM结构之后提出了这个解决方案。我创建了下面的函数，用于在单击按钮时切换主题。仅当更改您所单击的同一按钮的主题时，才需要处理hover类。这些似乎适用于输入类型的按钮元素。(jqm版本1.3.2)
function changeButtonTheme(buttonSelector,toTheme){
var currentTheme = $(buttonSelector).attr('data-theme');
var parent = $(buttonSelector).parent();
$(buttonSelector).attr("data-theme", toTheme).removeClass("ui-btn-up-"+currentTheme).addClass("ui-btn-up-"+toTheme);
parent.attr("data-theme", toTheme).removeClass("ui-btn-up-"+currentTheme).addClass("ui-btn-up-"+toTheme);
//parent.removeClass("ui-btn-hover-"+currentTheme).addClass("ui-btn-hover-"+toTheme);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15699632
复制相关文章
相似问题
腾讯云开发者
