Question

图片：http://u1312.hizliresim.com/1j/y/w0yr4.png

大家好，我有一个表单页面。当我给出按钮类型=“提交”时，它会自动重新调整大小。你可以看到第二个按钮。但其他按钮的宽度很长。：/它是相同的代码，唯一的区别是type="submit"

第一个按钮：

<div data-role="fieldcontain" class="no-field-separator">
  <a href="#popupMenu" data-rel="popup" data-mini="true" data-role="button" data-transition="slideup" data-icon="star" data-theme="e">Resim Çek</a>
</div>

第二个按钮：

<div data-role="fieldcontain" class="no-field-separator">
  <button id="submitForm" class="btnLogin" data-iconpos="left " type="submit" data-theme="a" data-mini="true">Gönder</button>
</div>

Answer 1

将第二个按钮更改为<input type="submit"/>并覆盖默认的css属性。

试用此代码：

第一个按钮：

<div data-role="fieldcontain" class="no-field-separator">
  <a href="#popupMenu" data-rel="popup" data-mini="true" data-role="button" data-transition="slideup" data-icon="star" data-theme="e">Resim Çek</a>
</div>

第二个按钮：

<div data-role="fieldcontain" class="no-field-separator">
    <input id="submitForm" class="btnLogin" data-iconpos="left " type="submit" data-theme="a" data-mini="true" value="Gönder"/>
</div>

<强> CSS：

.ui-btn {
    margin: 0.5em 0 !important;   /* used to be margin: 0.5em 5px; */
    width:100% !important;
}

这是工作DEMO

jQuery移动按钮动作

1 个答案: