在 jQuery 移动设备中使用 "dialogclose" 事件

Question

我希望图像在单击后更改，并在它链接到的对话框关闭后更改回来。我实际上在这个网站上找到了我想做的事情的解决方案，对 here 但是，根据我的需要对其进行修改后它不起作用，有人能指出我遗漏了什么吗？

HTML:

<div data-role="footer" data-position="fixed" data-id="myFooter">
  <div class="navBar" id="bah" data-role="navbar">
    <a href="#menu" id="burgerMenu" data-rel="popup">
      <img id="burger" src="resources/burger.png" alt=""/>
    </a>
  </div>
</div>

jQuery:

$(document).ready(function()
{
    $("#bah").on("dialogclose", function(event)
    {
        $("#burger").attr("src","resources/burger.png");
    });
});

Answer 1

使用 jQM pagecreate 事件代替常规 jQuery 就绪对于 popup clode，正确的事件是 popupafterclose 您示例中的弹出窗口 ID 是 menu 而不是 bah.

$(document).on("pagecreate","#page1", function(){ 
    $("#menu").on("popupafterclose", function(event) {
        $("#burger").prop("src","http://lorempixel.com/24/24/technics/1/");
    });
});

在 jQuery 移动设备中使用 "dialogclose" 事件

Using "dialogclose" event in jQuery mobile

html

javascript

jquery

popupwindow

jquery-mobile

DEMO