jquery-mobile - 在 JQueryMobile 中动态更改按钮数据主题

Question

我在动态更改按钮的主题时遇到了一些麻烦。从另一篇文章中我学会了使用:

<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”。有没有更好的动态更改主题的方法？

Answer 1

如果你使用如下按钮

 <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");

在这里查看现场 fiddle http://jsfiddle.net/mayooresan/jfDLU/