在jQuery Mobile中以编程方式加载对话框？

Question

我正在尝试在您点击Google地图标记时出现的jQuery Mobile中创建对话框.

示例网址:http://cyclestreets.darkgreener.com/location/(滚动到伦敦,英国的位置以查看标记).

我已经有了部分方式,使用以下代码:

 google.maps.event.addListener(map_marker, 'click', function() {
     $.mobile.changePage({ url: $("#photo"), data: "id=" + marker.id, type: "GET"}, 'pop', false, true);
 });

但是,与样式和数据有关的一些问题:

1. 出现的对话框是全屏的.有没有什么方法可以让它成为部分屏幕,比如默认的jQuery Mobile对话框,以及我主页上的About和Prefs对话框？
2. 标题中没有关闭链接 - 这也是默认的jQuery移动对话框中的链接.除了手动添加之外,我能否确保显示？
3. 在对话框的.live()事件中,我如何获取传递给它的数据？

Answer 1

function openPopup(element_id)
{
    $.mobile.changePage(element_id, { transition: "pop", role: "dialog", reverse: false } );
}

Answer 2

从beta 1开始，要使 adiv显示为对话框，请使用data-role="dialog"上的属性div而不是data-role="page"。