jQuery 移动按钮

Question

我正在实现我们的 Intranet 白页的移动版本。它基本上允许您搜索人员、地点和团队。我希望结果通过 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;
}