Javascript jQM-是否可以还原回ui alt图标包装中的常规图标?

Javascript jQM-是否可以还原回ui alt图标包装中的常规图标?,javascript,jquery,jquery-mobile,icons,Javascript,Jquery,Jquery Mobile,Icons,我使用的是jQuery Mobile的可折叠框,我想在折叠的标题中使用替代的黑色图标颜色。这很容易通过应用ui-alt-icon类实现 我的问题是,我想在一些按钮上使用可折叠框中的常规白色图标。由于ui alt图标应用于可折叠包装器,因此可折叠包装器内的所有内容也都会得到备用的黑色图标。我似乎不知道如何告诉折叠中的按钮返回到使用常规图标 <div data-role="collapsibleset" data-theme="a"> <div data-role="col

我使用的是jQuery Mobile的可折叠框,我想在折叠的标题中使用替代的黑色图标颜色。这很容易通过应用ui-alt-icon类实现

我的问题是,我想在一些按钮上使用可折叠框中的常规白色图标。由于ui alt图标应用于可折叠包装器,因此可折叠包装器内的所有内容也都会得到备用的黑色图标。我似乎不知道如何告诉折叠中的按钮返回到使用常规图标

<div data-role="collapsibleset" data-theme="a">
    <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" class="ui-alt-icon ui-nodisc-icon">
        <h3>Collapse Header</h3>
        <a href="#" data-rel="popup" data-role="button" class="ui-icon ui-disc-icon" data-icon="edit">Press Me</a>
    </div>
</div>

折叠收割台
我想也许将类ui图标添加到按钮会覆盖ui alt图标,但这似乎不起作用。我是否可以将ui alt图标包装器的子项转换回常规图标?我希望在框架内执行此操作,而不必求助于CSS覆盖。

只需将类(ui alt icon ui nodisc icon)移动到header元素,以便内容不会继承它们:

<div data-role="collapsibleset" data-theme="a">
    <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" >
         <h3 class="ui-alt-icon ui-nodisc-icon">Collapse Header</h3>
         <a href="#" data-rel="popup" data-role="button" class="ui-icon ui-disc-icon" data-icon="edit">Press Me</a>

    </div>
</div>

折叠收割台