Question

我之前已经问了一个关于如何更改按钮图标的类似问题，这里已经回答How to change a JQuery Mobile button icon with javascript

虽然这确实帮助我改变了图标，但它改变了我项目中所有按钮的图标。我现在要求的是如何将图标更改隔离到单个按钮

例如，如果我的页面上有两个按钮，那么

  <a href="#language1" id="language4" 
    data-rel="popup" data-role="button" 
    data-icon="edit" data-inline="true" 
    data-position-to="origin" >Russian</a>

和

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

然后应用以下建议的javascript;

    $('#index').live('pagebeforeshow',function(e,data){    
$('a').buttonMarkup({ icon: "star" });  
    });

两个按钮都受到影响。相反，如果我尝试引用language3而不是＆＃39; a＆＃39;则没有任何反应。我想我错过了一些关于如何运作的基本理解

请参阅示例小提琴http://jsfiddle.net/rdAnY/1/ Javascript设置两个语言按钮的图标以及＆＃39;下一个＆＃39;按钮到一个明星。如何将（例如）英语按钮设置为星形，同时将俄语按钮保留为原始

data-icon="edit"

由于

Answer 1

基本的事情是jquery selectors。

这将仅更改icon2的图标：

$('a[href=#language2]').buttonMarkup({ icon: "star" });

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

1 个答案: