jQuery Mobile按钮

Question

我正在实施内部网白页的移动版本。它基本上允许您搜索人员，地点和团队。我希望结果通过ajax返回并加载到一个如下所示的列表中：

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

手机/手机号码和电子邮件可通过href =“tel：”之类的方式点击，名称框可点击以获取更多信息。

我的问题在于，一行中的按钮高度不同，因为名称框中有更多内容。有谁知道如何解决这一问题？ 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;
}