是否可以使用 jQuery Mobile 在弹出窗口中有一个滚动列表视图

Question

我想创建类似于这张图片右侧图像的东西：

http://media.smashingmagazine.com/wp-content/uploads/2012/03/4.19_Walmart1.jpg

基本上，我希望弹出窗口填满我的屏幕，但当列表视图太大时不要向下延伸。它应该使用户能够在弹出窗口中滚动列表。目前我找不到限制弹出窗口高度的解决方案。我使用的是最新的jQuery Mobile。

欢迎任何建议！

问候伊沃

Answer 1

可以这样做，看看这个例子。

在此示例中，您有 1 页作为主要内容，第二页将用作对话框的内容。

此 java 脚本将以对话框的形式显示第二页：

$('#test').bind('click', function(e) {
    $.mobile.changePage( "#test-dialog", {transition: "none", role: "dialog"} );
});

还有一件事，我忘了你想要一个列表视图，我已经使用了控制组，你仍然可以用另一个替换一个来实现所需的功能。还有一件事，与您的示例不同，jQM 在对话框周围没有不透明度/透明度效果。