Jquery mobile pagebeforehide Transition事件未触发

Posted 2023-05-09

【中文标题】Jquery mobile pagebeforehide Transition事件未触发

【英文标题】：Jquery mobile pagebeforehide Transition events not firing

【发布时间】：2013-03-20 07:55:45

【问题描述】：

我正在编写一个简单的警报，它将触发 pagebeforehide 转换事件，但它没有触发这里是我的代码。注意：我使用的是 Jquery-1.9.1.min.js" AND "jquery.mobile-1.3.0-rc.1.js"

  <script>
    $("section").live('pagebeforehide', function (event, ui) 
       alert("page being hidden" + ui.prevPage);
    );
  </script>

这里是 html

页面转换示例

这是第 1 页

转到第二页

<section id="secondpage" data-role="page">
    <header data-role="header">
    <h1>Page Transition Example</h1>
    </header>
    <div data-role="content">
    <p>This is page 2</p>
    <a href="#firstpage">Go to first page</a>
    </div>
</section>

如何将元素绑定到页面转换事件的版本之间是否有变化？因为我的代码无法触发。

【参考方案1】：

Live 已弃用，在 jQuery 1.9 + 中不再存在，您应该改用 on。

这是一个工作示例：http://jsfiddle.net/Gajotres/ghAxp/

$(document).on('pagebeforehide', 'section', function(event, ui)       
   alert("page being hidden");
);