我正在为我的应用程序使用jquery mobile,我在select上使用了data-native-menu="false"
。
<select id="chosenpro" data-theme="a" data-native-menu="false">
</select>
Jquery Mobile使用以下类打开对话框弹出窗口:
.ui-popup-container .ui-popup-active
然后我在其中设置<li>
样式,使它们看起来像display:inline-block;
包含图像的网格。
但我希望这个弹出窗口可以滚动,因为它高于我的页面。
我知道这个答案,但不能适应我的情况: Setting max height of a dialog, then allow scrolling
你能帮帮忙吗?
由于
答案 0 :(得分:2)
select
的 data-menu-native="false"
菜单会转换为弹出或对话框,具体取决于屏幕的高度和选项数量。
弹出 / _ dialog_保持id
菜单加select
的{{1}}。例如。如果-dialog
菜单的select
为id
,则对话框的foo
变为id
。
要操作对话框,您首先需要检索其“foo-dialog
然后绑定任何页面事件以进行任何更改。”
进行此类修改的最佳事件是id
,因为每个页面只会触发一次。检索pageinit
菜单的select
后,将id
绑定到该对话框,对包含pageinit
菜单的选项的data-role=content
进行更改
您需要应用于select
的更改为data-role=content
和 。height
更新:您无需覆盖
overflow-y
,设置固定的overflow-y
即可。
height
Demo - jQM 1.3.2 (1)
(1)在iPhone 5上测试 - Safari Mobile