Jquery Mobile - pagebeforehide - 无法触发事件

Question

我试图在多页面中导航时触发 JqueryMobile 中的事件。我无法触发该事件。有人可以帮忙吗？

<div data-role="page" id="mainPage">
    <div data-role="content">
            <p>Content</p>
            <p>View internal page called <a href="#2ndPage">2ndPage</a></p>
    </div>   
</div>

<div data-role="page" id="2ndPage">
    <div data-role="content">
            <p>SubContent</p>
            <p><a href="#mainPage">MainPage</a></p>
    </div>
</div>

我的脚本:

$('#mainPage').bind('pagebeforehide', function (event, ui)
             {
             alert ("leaving MainPage");
             });

感谢您的帮助!

经常

Answer 1

您应该使用“live”而不是“bind”

$('#mainPage').live('pagebeforehide', function (event, ui)
{
    alert ("leaving MainPage");
});