Events Jquery mobile pagebeforehide转换事件未触发

Events Jquery mobile pagebeforehide转换事件未触发,events,jquery-mobile,jquery,transition,Events,Jquery Mobile,Jquery,Transition,我正在编写一个简单的警报,它将触发pagebeforehide转换事件,但它不会触发。这是我的代码。注意:我使用的是Jquery-1.9.1.min.js”和“Jquery.mobile-1.3.0-rc.1.js” <section id="secondpage" data-role="page"> <header data-role="header"> <h1>Page Transition Example</h1> &

我正在编写一个简单的警报,它将触发pagebeforehide转换事件,但它不会触发。这是我的代码。注意:我使用的是Jquery-1.9.1.min.js”和“Jquery.mobile-1.3.0-rc.1.js”

<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>

$(“节”).live('pagebeforehide',函数(事件,用户界面){
警报(“页面被隐藏”+ui.prevPage);
});
这是HTML 页面转换示例 这是第一页

<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>
转到第二页

<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>

页面转换示例
这是第2页

<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>

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

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

<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>
下面是一个工作示例:

<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>