如何在jQuery Mobile中显示对话框

how to show a dialog in jQuery Mobile

本文关键字：显示 对话框 Mobile jQuery      更新时间：2023-09-26

我在jquery mobile中有一个工具栏，由一堆链接组成，这些链接在我的javascript应用程序上加载"弹出"模式对话框。

像这样：

  • 信息

    • 其中id="about"的div有一个数据角色="page"。我想从代码中打开相同的对话框，也许是作为按钮处理程序的一部分，但我找不到任何方法。

    此代码不起作用。它只在当前页面的顶部透明地显示"about"页面的元素（没有样式）。我该怎么做？

    $("#buttAbout").click(function () {
    $('#about').show();
    return false;
});

    看起来jQuery mobile的对话框与jQuery UI有很大不同。这应该做你想做的：

    $.mobile.changePage('#about','pop',false,true)

    changePage的文档在这里。基本上，第一个参数是查找所需页面的字符串（可以是元素id、jQuery对象或页面URL），第二个参数是页面转换，第三个参数是转换的方向（false表示向前，true表示向后），最后一个参数是是否希望页面URL在转换后更新。我认为您还需要确保对话框的div上的data-role属性正确设置为dialog，以确保正确的历史/样式行为。

    相关文章：