如何使用 javascript 更改 JQuery Mobile 按钮图标

我想要一个根据用户选择更改数据图标类别的按钮

示例按钮为：

<a href="#language2" data-rel="popup" data-role="button" 
                     data-icon="english-flag" data-inline="true" 
                     data-position-to="origin">
    <span id="language3">English</span>
</a>

我想知道我需要实现什么 JavaScript 代码才能更改自定义定义data-icon="english-flag"代替data-icon="another-flag"

提前致谢。

编辑：下面关于如何指定要影响哪个按钮的后续问题的答案可以在以下位置找到：如何使用 javascript 更改特定的 JQuery Mobile 按钮图标

jQuery Mobile 有一个预定义的函数：

$('a').buttonMarkup({ icon: "star" });

更改属性是不够的，最终按钮重新设计必须通过.buttonMarkup(功能。

这是官方文档：http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.html

这是一个例子：http://jsfiddle.net/Gajotres/AmFKa/

另外，因为您正在创建一个自定义按钮，所以仅仅更改图标名称是不够的，首先您需要在 css 中定义它，如下所示：

<style type="text/css">
    .ui-icon-edit {
       background-image: url(icons-18-white.png); // This should be your picture
       background-repeat: no-repeat;
       background-position: -824px 50%;
    }
</style>

我们将添加这个新图标，如下所示：

$('a').buttonMarkup({ icon: "edit" });

在本例中我们添加图片edit。现在注意它的 cas 名称.ui-图标-编辑，要添加新的图标类，您需要组合.ui-图标-带有图标名称的字符串。在你的情况下，你的班级名称是.ui-图标-另一个标志.