Javascript 返回页面时未绑定jquery mobile事件

我正在使用jquery移动应用程序，在将更改事件绑定到文件输入元素时遇到问题。在我第一次访问page1.php时，事件正确触发。但是在访问另一个jquery站点（page2.php）并返回到page1.php之后，事件不会触发（正如我使用chrome的inspect工具调试的那样，在我第二次访问page1.php时，事件甚至没有绑定）

我还尝试了不同的页面事件来绑定事件，如中所述 及

下面是page1.php的代码：

$（document）.on（'pagebeforeshow'，'#serialSelect'，function（）{
$（“#qrImageSelect”）.off（'change'，'#qrImageFile'）.on（'change'，'#qrImageFile'，函数（）{
var selectedFiles=$（'#qrImageFile'）[0]。文件；
serialNumber=readSerialNumber（selectedFiles）；
window.location.href=“page2.php？sn=“+serialNumber；
});      
});

二维码

page2.php（与jquery版本相同）

返回到第1页时，为什么事件未绑定？ 我将感谢任何帮助：）

编辑：

---

一些背景信息：我想加载二维码的图片。二维码包含一个序列号。根据序列号，我想加载一个相关页面。应该可以从该站点返回扫描新的二维码。有没有办法用另一种方式解决这个问题

我终于找到了问题的原因：

单击page2.php上的链接时，jQuery实际上只是获取第一个data role=“page”div的内容，并将其插入当前页面（page2.php）。这是默认的AJAX导航（）

因此，page1.php中的脚本（实际上位于html标题中）根本没有运行

有两种解决方案： 如果希望保持AJAX导航，以便获得良好的页面转换，那么将脚本移动到data role=“page”DIV中。 我更喜欢另一个选项：通过向链接添加数据AJAX=“false”来防止AJAX导航

<a href="page1.php" data-role="button" class="serial-model-button" data-ajax="false" >

在页面之间来回移动，每次都会向服务器发出新的

请求，就像从零开始一样，没有初始化任何事件。但它在我第一次加载页面时起作用（就像重新加载page1时）。但是当直接从第二页返回时，它不起作用。如果它“从零开始”，它的工作方式应该与我重新加载页面时的工作方式相同？您希望实现什么？感谢您迄今为止的帮助。我想加载二维码的图片。二维码包含一个序列号。根据序列号，我想加载一个相关页面。应该可以从该站点返回扫描新的二维码。希望这是可以理解的。。。
<a href="page1.php" data-role="button" class="serial-model-button" data-ajax="false" >