pageshow eventlistener 未触发

Question

我在一个名为 clockIn.html 的文件中有这个 div

<div data-role="page" data-theme="a" id="hrsWorked">
        <div data-role="header" data-theme="a">
            <h1>Hours Worked</h1>
              <a href="clockIn.html" id="exitBtn">Back</a>

        </div>

        <div data-role="content">
            <div id="hrsWorkedDiv">

            </div>
        </div>
    </div>

我在clockIn.js中有这个eventListener，它包含在clockIn.html的顶部

$(document).on("#hrsWorked", "pageshow", function()
    {
        alert('here 1');
        displayHrsWorked(localStorage.getItem('carerID'));
    });

我没有收到警报。我究竟做错了什么？我对此很陌生，正在拿起别人的代码。 Jquery 移动版：'js/jquery.mobile-1.2.0.min.js' 和cordova 版本：'js/cordova-2.6.0.js'

Answer 1

onpageshow 事件类似于 onload 事件，只是它在页面首次加载时发生在 onload 事件之后。此外，每次加载页面时都会发生 onpageshow 事件，而从缓存加载页面时不会发生 onload 事件。 Reference to w3schools