是否可以使用 jQuery Mobile 在弹出窗口中创建滚动列表视图？

Question

我想创建类似这张图片右侧的图片：

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

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

欢迎提出任何建议！

问候， 伊沃

Answer 1

可以这样，看this例子。

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

这个java脚本将第二页显示为一个对话框：

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

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