Question

我想用jquery更改按钮的主题但由于某种原因它不能与$("#btn").button("option", "theme", "a");一起使用。

我尝试了不同版本的按钮，例如<button>或<input>以及由于设计原因我无法使用的<a>版本。当我使用<button>脚本崩溃时（某种程度上我无法调用按钮上的功能按钮......）并且使用<input>它只能单向工作。不知怎的，我可以改变主题来自＆＃34; a＆＃34;到＆＃34; b＆＃34;但不是来自＆＃34; b＆＃34;到＆＃34; a＆＃34;。我也尝试了自定义主题，我注意到它只能以增加字典顺序来改变主题。

我也在$("#radio").checkboxradio("option", "theme", 'a');的单选按钮上尝试了它，并且它可以双向工作。

这是一个显示问题的jsfiddle：http://jsfiddle.net/cfqgn8gw/

提前致谢！

Answer 1

jQM按钮小部件仅适用于<input> dom元素按钮，并且锚定样式但未初始化为jQM小部件。

您可以通过删除和添加单个CSS类轻松切换主题：

function change_a() {
    $("#radio").checkboxradio("option", "theme", 'a').checkboxradio("refresh");

    $("#input, #btn").closest(".ui-btn").removeClass("ui-btn-b").addClass("ui-btn-a");
}

function change_b() {
    $("#radio").checkboxradio("option", "theme", 'b').checkboxradio("refresh");

    $("#input, #btn").closest(".ui-btn").removeClass("ui-btn-a").addClass("ui-btn-b");
}

更新了 FIDDLE

Jquery mobile 1.4.5动态改变按钮的主题

1 个答案: