jquery - JQuery mobile按钮内的两列网格不填充宽度

Question

我正在尝试创建 2 列网格并让按钮填充列宽，但按钮不会填充列的所有宽度。这是我的 Jade 模板代码：

fieldset.ui-grid-a
          div.button.ui-block-a
             input.button(type='submit',data-inline='true',value='Sign In',data-transition='fade',data-theme='a',style='width: 100%;')
          div.ui-block-b   
             a.button(href='/signup',data-inline='true', data-role='button',data-theme='b')
               label Sign Up

这有什么问题？

谢谢，

Answer 1

从您的代码中删除该data-inline='true'位。内联按钮适用于您不希望按钮为全角的情况。

这是使用内联按钮与常规按钮的示例：http: //jsfiddle.net/Bh8SE/1/（以及使用网格的示例）