-1

我以前曾问过一个类似的问题，即如何更改按钮图标，此处已回答如何使用 javascript 更改 JQuery Mobile 按钮图标

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

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

  <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" });  
    });

两个按钮都会受到影响。相反，如果我尝试引用语言 3 而不是“a”，那么什么也不会发生。我想我对它的工作原理缺少一些基本的了解

请参阅http://jsfiddle.net/rdAnY/1/上的Fiddle 示例Javascript 将两种语言按钮的图标以及“下一步”按钮设置为星号。您如何将（例如）仅将英文按钮设置为星号，而将俄文按钮保留为原始按钮

data-icon="edit"

谢谢

4

1 回答 1

3

最基本的是jquery 选择器。

这将仅更改图标语言2：

$('a[href=#language2]').buttonMarkup({ icon: "star" });
于 2013-01-19T03:51:12.533 回答