如何用javascript改变一个特定的JQuery移动按钮图标

How to change a specific JQuery Mobile button icon with javascript

本文关键字：JQuery 移动 图标 按钮 一个 javascript 何用 改变      更新时间：2023-09-26

我以前问过一个关于如何更改按钮图标的类似问题，在这里回答如何使用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" });  
    });

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

Javascript将两个语言按钮的图标以及'Next'按钮设置为星号。如何将(例如)只将英语按钮设置为星号，而将俄语按钮保留为原始的 
data-icon="edit"

谢谢

最基本的就是jquery选择器。

这将改变图标仅language2:

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