未选中时,可以看到JQuery Mobile自定义选择菜单

时间:2012-09-11 18:57:38

标签: select jquery-mobile drop-down-menu placeholder

我遇到了与这个问题相同的问题:

jQuery Mobile 1.1.1 Custom Select Menu - Placeholder Text not Visible

上述问题通过告诉我使用“http://code.jquery.com/mobile/latest/jquery.mobile.min.js”解决了我的问题。这解决了我原来的问题但引起了另一个问题。

总是会显示选择菜单,并且不会像之前那样以选择项为中心。

在: enter image description here

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

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

1 个答案:

答案 0 :(得分:0)

看起来菜单显示相对于其他内容 - 尝试在那里添加css行

position:absolute; 

在菜单结构上 - 测试此功能的另一个好方法是在Google Chrome中加载您的网站并使用firebug查看菜单定位低于“点击点”的原因。一眼就看出菜单看起来是相对的。