关闭弹出窗口并导航到 jQuery Mobile 中的另一个页面

2023-12-21

当用户按下弹出窗口内的按钮时,我试图关闭弹出窗口/对话框,并导航到另一个页面(单页面应用程序,多个“页面”)。 jQM 1.4.0

如果我点击弹出窗口中的“是”按钮,它将导航到我想要的#page3,然后跳回起始页。 如果我注释掉 .popup("close");它有效,但我需要在执行操作之前关闭弹出窗口。这里有什么问题吗?

js

$("#popupyes").on("tap", function(e)
    {
        $("#popupDialog").popup("close"); // <---- doesn't work

        //call some js-function before navigate to #page3
    });

html

<a href="#popupDialog" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-a">Button</a>

            <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="a" data-dismissible="false" style="max-width:400px;">
                <div data-role="header" data-theme="a">
                <h1>Head</h1>
                </div>
                <div data-role="main" class="ui-content">
                    <h3 class="ui-title">Text.</h3>
                <p>Text?</p>
                    <a href="#page3" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-a">No</a>
                    <a href="#" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-btn-icon-right ui-icon-delete" data-rel="back">Abort</a>
                    <a id="popupyes" href="#page3" class="ui-btn ui-shadow ui-corner-all ui-btn-inline">Yes</a>
                </div>
            </div>  

Update我可以用$("#popupDialog").hide();但它仍然在内存中,只是隐藏......或者等等,它会在一段时间后自行终止吗?


你可以简单地听popupafterclose之后调用任何函数popup是完全关闭的。

$(document).on("pagecreate", function () {
    $("#popupID a").on("tap", function () {
        /* do something */
        $("#popupID").popup({
            afterclose: function () {
              /* do something */
            }
        }, "close");
    });
});

Demo http://jsfiddle.net/Palestinian/wH3uV/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

关闭弹出窗口并导航到 jQuery Mobile 中的另一个页面 的相关文章

随机推荐

  • 通过C#检索CRM中所有帐户的列表?

    我正在尝试从 CRM 2011 检索所有帐户记录 以便我可以使用 ForEach 循环循环浏览它们并填充下拉列表 我正在读这篇文章 检索实体列表 https stackoverflow com questions 7409091 retri
  • ARM TrustZone 的安全/正常世界与操作系统的内核/用户模式或 x86 的 Ring0/1/2/3?

    我读了这样的文档TrustZone 安全白皮书 http infocenter arm com help topic com arm doc prd29 genc 009492c PRD29 GENC 009492C trustzone s
  • 加密数据作为字符串

    我对加密和 C 语言很陌生 所以这可能是一个明显的问题 但我找不到解决问题的方法 我正在 C 上制作一个应用程序 并在 Linux 中使用 openssl 进行加密 我从这个 url 获得了一个 C 代码示例 该代码允许使用 SHA 加密和
  • 如何使用 dockerfile 在 aws sagemaker 中运行 python 文件

    我有一个 python 代码和一个经过预先训练的模型 并且有一个 model pkl 文件与我在代码所在的同一目录中 现在我必须运行它或将其部署到 aws sagemaker 但没有得到任何解决方案由于aws sagemaker仅支持两个命
  • Html5 拖放到 svg 元素上

    我正在尝试遵循 html5 拖放教程here http www html5rocks com tutorials dnd basics 我无法得到dragstart要注册的事件rect元素 如果我将事件从draggable to mouse
  • Java进程内存使用量不断增加

    前提条件 具有 16 GB RAM 的电脑 Ubuntu 16 10 x64 上安装了 JDK 1 8 x 一个基于 Spring 的标准 Web 应用程序 部署在 Tomcat 8 5 x 上 Tomcat 配置了以下参数 CATALIN
  • Python/Django 时间戳,包括毫秒

    我需要按以下格式打印 并传递给外部 API 当前日期时间 DD MM YYYY HH MM SS SSS 最后 3 个SSS表示毫秒 我知道如何使用 Python 打印当前的日期时间 最多微秒 strftime http docs pyth
  • 检查 CalledProcessError 的输出

    我正在使用 python 子进程模块中的 subprocess check output 来执行 ping 命令 我是这样做的 output subprocess check output ping c 2 W 2 1 1 1 1 它引发
  • 如何正确配置 NSFetchedResultsController

    我将 NSFetchedResultsController 放入我的代码中 这样我就可以对表视图数据进行很好的自动分段 所以我正在运行测试以确保一切正常 我的持久存储中有一个 Book 实体 我将首先以旧方式执行获取 然后尝试使用 NSFe
  • Django Admin:根据先前的字段值填充字段

    我在 django admin 中有一个模型如下 ChoiceA on false on false on true on true ChoiceB always always never never id models CharField
  • SAFESEH:NO 选项的实际作用

    我正在尝试使用boost asio spawn功能就像在example http www boost org doc libs 1 55 0 doc html boost asio example cpp03 spawn echo serv
  • 使用 Javascript 向用户发送 HTTP 附件(打开浏览器的“另存为...”对话框)

    我是网络开发的新手 所以如果这个问题很菜鸟 我深表歉意 我想在 Javascript 中请求时向用户提供服务器硬盘上的文件 即发送 HTTP 附件以触发浏览器的 另存为 对话框 用户单击页面上的按钮 服务器根据他 她的一些帐户设置 和其他参
  • 在 Unity 中查找一组 3D 点的定向边界框

    我有一组 3D 点 或者实际上是小球体 我需要使用 Unity 3D 将它们包围在尽可能小的 3D 框内 在封闭框只能移动和缩放的情况下 解决方案非常简单 您只需迭代所有点并封装每个点即可 但我还需要找到盒子的最佳方向 因此 为了用 ASC
  • 使用 R 在 postgres 中设置模式名称

    我正在使用 R 连接到 PostgreSQL 数据库 使用以下函数完成连接 dbConnect m dbname dbname host host port port user user password password m是驱动程序 p
  • Java Applet 使用 Chrome 浏览器启动客户端程序的替代方案是什么?

    我正在使用 ASP net 和 C 开发 Web 应用程序 我的目标是检查客户端计算机上的桌面应用程序 如果它存在 那么我应该启动它 否则 如果它不存在 我们应该下载 安装然后启动它 我可以使用 Java Applet 开发这个模块 但不幸
  • Perl 函数名称冲突

    我遇到的情况是 我正在使用的模块有一个函数 其名称与我自己的模块中的函数完全相同 当我尝试调用模块中的函数时 OO Perl 所以 self gt function 它改为从其他模块调用该函数 我已经通过重命名我的函数来解决这个问题 但有趣
  • 如何处理Excel工作表中的数据更改事件以刷新所有数据透视表?

    我有一个应用于工作表及其更改的 VBA 代码 因此 每当工作表中有新条目或删除 任何更改 时 它都会刷新附加到它的所有数据透视表 Private Sub Worksheet Change ByVal Target As Range This
  • 检查python脚本中是否挂载了NFS共享

    我编写了一个 python 脚本 该脚本依赖于某个可用的 NFS 共享 如果未安装 NFS 共享 它会很乐意将文件复制到应安装的本地路径 但稍后当它尝试将在 NFS 服务器上创建的某些文件复制回来时会失败 我想专门捕获这个错误 这样我就可以
  • 使用 PNG 图像作为 GrabCut 的蒙版

    我有一个带有绿色和红色线条以及透明背景的 png 图像 我需要使用它作为执行 GrabCut 的遮罩 但我得到了意想不到的结果 这是我的代码 find the mask Mat mask mask create image size CV
  • 关闭弹出窗口并导航到 jQuery Mobile 中的另一个页面

    当用户按下弹出窗口内的按钮时 我试图关闭弹出窗口 对话框 并导航到另一个页面 单页面应用程序 多个 页面 jQM 1 4 0 如果我点击弹出窗口中的 是 按钮 它将导航到我想要的 page3 然后跳回起始页 如果我注释掉 popup clo