select - 未选中时 JQuery Mobile 自定义选择菜单可见

Question

我遇到了和这个问题一样的问题:

jQuery Mobile 1.1.1 Custom Select Menu - Placeholder Text not Visible

上面的问题告诉我使用' http://code.jquery.com/mobile/latest/jquery.mobile.min.js 解决了我的问题'.这解决了我最初的问题，但却导致了另一个问题。

选择菜单始终显示，不会像以前那样以选择项为中心。

之后:

有谁知道如何解决这个问题。我想如果那是我遇到的唯一问题，我可能可以隐藏和显示菜单，但即使选择了它，它也不在正确的位置。它应该在水平和垂直方向上位于选择元素的中心(如果有足够的垂直空间)。

这是由最新版本的 JQuery 引起的，但我也无法下载 1.1.1，因为它导致了我在另一个问题中解决的原始问题。

Answer 1

看起来菜单是相对于其余内容显示的 - 尝试在那里添加一个 css 行

position:absolute; 

在菜单结构上 - 另一个测试这个的好方法是在谷歌浏览器中加载您的网站并使用 firebug 查看为什么菜单定位低于“点击点”。乍一看，菜单似乎是相对的。