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

时间:2012-11-26 15:47:53

标签: listview jquery-mobile popup

我希望在此图片中创建类似右图的内容:

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

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

欢迎任何建议!

此致 IVO

1 个答案:

答案 0 :(得分:2)

可以这样做,看看this示例。

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

此java脚本将第二页显示为对话框:

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

还有一件事,我忘了你想要一个listview并且我使用了controlgroup,你仍然可以用另一个替换它来实现所需的功能。还有一件事,与你的例子不同,jQM在对话框周围没有不透明度/透明度效果。

相关问题