Jquery移动对话框可滚动

时间:2014-03-22 18:17:14

标签: jquery-mobile

我正在为我的应用程序使用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

你能帮帮忙吗?

http://jsfiddle.net/LzLEw/6/

由于

1 个答案:

答案 0 :(得分:2)

带有select

data-menu-native="false"菜单会转换为弹出对话框,具体取决于屏幕的高度和选项数量。

弹出 / _ dialog_保持id菜单加select的{​​{1}}。例如。如果-dialog菜单的selectid,则对话框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