Question

在创建并显示页面后，我在提交按钮的动态更改输入图标时遇到了一些问题。

对于锚点，我可以使用.buttonMarkup（）来更改图标图像。例如：

<a href="#" id="myAnchor" name="myAnchor" value="heart" data-ajax="false"
class="ui-btn ui-icon-heart ui-btn-icon-bottom ui-shadow ui-corner-all"
data-iconpos="center" role="button">Tap to Start</a>

以下内容将图标从心脏更改为moon-o

$('#myAnchor').buttonMarkup({ icon: 'moon-o' });

对于Submit类型的输入，我通常必须使用data- *属性来定义图标，位置等.buttonMarkup（）方法似乎不起作用。

<input type="submit" id="myInputSubmit" value="Submit" 
class="ui-btn ui-btn-a ui-icon-moon-o ui-btn-icon-left ui-btn-inline" 
data-icon="arrow-r" data-iconpos="right" data-corners="true" 
data-shadow="true" role="button">

和jQuery

$('#myInputSubmit').buttonMarkup({ icon: 'moon-o' });

任何人都知道在jQuery mobile管理页面创建/显示后如何更改此输入按钮？

Answer 1

当您使用输入dom元素时，jQM会创建一个按钮小部件：http://api.jquerymobile.com/button/

要更改按钮小部件的图标，请使用图标选项： http://api.jquerymobile.com/button/#option-icon

$("#myInputSubmit").button( "option", "icon", "moon-o" );

<强> DEMO

jQuery Mobile：如何在页面显示后更改输入（类型=＆＃34;提交＆＃34;）图标？

1 个答案: