Question

我只想在点击按钮后更改主题。

我尝试了这段代码http://jsfiddle.net/Ld86H/2/但是没有用。

HTML：

<a href="#" id="my-button2" data-role="button" data-theme="e">Test 1</a>

<a href="#" id="my-button2" data-role="button" data-theme="e">Test 2</a>

JS：

$(document).ready("#my-button2").click(function() {
$('#my-button2').attr("data-theme", "c").removeClass("ui-btn-up-e").addClass("ui-
btn-up-c");
});

在示例中，一旦单击Test1或Test2按钮，我将从e主题切换到c主题。

我也不知道我是否以正确的方式处理点击事件，就像在jQuery Mobile中一样，文档说http://demos.jquerymobile.com/1.1.2/docs/buttons/buttons-events.html

感谢您的建议！

Answer 1

不要对多个元素使用相同的ID，我添加了一个名为＆＃39; mybutton＆＃39;您可以多次使用并更改您的ID，以便最后有1和2。

<a href="#" class="mybutton" id="my-button1" data-role="button" data-theme="e">Test 1</a>

<a href="#" class="mybutton" id="my-button2" data-role="button" data-theme="e">Test 2</a>

尝试使用此javascript：

$(document).ready(function(){
    $(".mybutton").click(function() {
        $(this).attr("data-theme", "c").removeClass('ui-btn-hover-e').removeClass('ui-btn-up-e').addClass('ui-btn-up-c');
    })
});

请参阅此处的小提琴：http://jsfiddle.net/Ld86H/3/

<强>更新

这里的新小提琴：http://jsfiddle.net/Ld86H/4/

在jQuery Mobile中单击更改按钮的主题

1 个答案: