如何使用javascript更改JQuery移动按钮图标
我想有一个按钮,改变数据图标类取决于用户的选择 示例按钮为:如何使用javascript更改JQuery移动按钮图标,javascript,jquery-mobile,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<
<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>
我想知道为了将自定义的data-icon=“english-flag”
改为data-icon=“另一个标志”
提前谢谢
编辑:下面关于如何指定要影响哪个按钮的后续问题的答案可以在以下位置找到:;
只需将值传递给数据函数即可 您可以使用
$('selector').attr('data-icon','newValue')
更改属性
jQuery Mobile有一个预定义的功能:
$('a').buttonMarkup({ icon: "star" });
仅更改属性是不够的,最后的按钮重新排序必须使用.buttonMarkup(函数)完成
以下是官方文件:
下面是一个例子:
此外,由于您正在创建自定义按钮,仅更改图标名称是不够的,首先您需要在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" });
在本例中,我们正在添加pictureedit。现在注意它的cass名称。ui icon edit,要添加新的图标类,您需要将.ui icon-字符串与图标名称相结合。在本例中,您的类名将是。ui icon另一个标志,谢谢Gajotres-我对这个方法有一个问题hough。当我在脚本中尝试时,它确实会更改按钮的图标,但它也会更改整个项目中我所有按钮的图标。当我尝试设置按钮特定的id,并对该id而不是“a”进行寻址时,什么都没有发生。仅设置特定按钮的图标,我缺少了什么?例如,在这个编辑的Fi中ddle,您如何指定仅英文按钮为星号?这种方法对我不适用,但我在此处找到并发布了一种替代解决方案:
$('a').buttonMarkup({ icon: "edit" });