jQuery Mobile按钮

Question

我正在实施Intranet白页的移动版本。它基本上允许你搜索人员，地点和团队。我想要的结果，通过Ajax返回，并加载到看起来像这样的列表：

----------------------------------------------- 
| Staff          2 | 
----------------------------------------------- 
| Person's Name | Phone number |    | 
|    |--------------| Email  | 
| Title   | Mobile  |    | 
----------------------------------------------- 
| Person's Name |    |    | 
|    | Phone number | Email  | 
| Title   |    |    | 
----------------------------------------------- 

电话/手机号码和电子邮件都是通过类似的href点击=“电话：”和名称框内点击了解更多信息。

我的问题出现在哪里有一排按钮是不同的高度，因为名称框中有更多的内容。有谁知道如何解决这一问题？例如在http://jsfiddle.net/Ruhley/chLSR/

感谢

Answer 1

我会使用CSS，如果你只使用按钮这些名片，你可以这样做：

.ui-btn { 
    height: 50px; 
    vertical-align: middle; 
} 

的jsfiddle：http://jsfiddle.net/chLSR/2/

最有可能你在页面上的其他地方使用按钮，所以我会建议创建一个类，如：

.namecard { 
    height: 50px; 
    vertical-align: middle; 
}