1. pagebeforecreate: 在页面创建之前触发,可以用于在页面初始化之前执行一些操作。
$(document).on("pagebeforecreate", "#page-id", function() {
// 在页面创建之前执行的操作
});
2. pagecreate: 在页面创建时触发,通常用于执行页面初始化操作。
$(document).on("pagecreate", "#page-id", function() {
// 在页面创建时执行的操作
});
3. pageinit: 在页面初始化时触发,与 pagecreate 类似。
$(document).on("pageinit", "#page-id", function() {
// 在页面初始化时执行的操作
});
4. pagebeforehide / pagebeforeshow: 在页面切换之前触发,可以用于在页面切换前执行一些操作。
$(document).on("pagebeforehide", "#page-id", function() {
// 在页面切换之前执行的操作
});
$(document).on("pagebeforeshow", "#page-id", function() {
// 在页面切换之前执行的操作
});
5. pageshow: 在页面显示时触发,通常用于处理页面显示后的操作。
$(document).on("pageshow", "#page-id", function() {
// 在页面显示后执行的操作
});
6. pagehide / pageshow: 在页面隐藏或显示时触发,通常用于处理页面隐藏或显示后的操作。
$(document).on("pagehide", "#page-id", function() {
// 在页面隐藏时执行的操作
});
$(document).on("pageshow", "#page-id", function() {
// 在页面显示时执行的操作
});
这些事件允许你在页面的不同生命周期阶段执行特定的操作,例如初始化、显示、隐藏等。你可以根据需要选择适当的事件,并使用 jQuery 的事件处理机制来处理这些事件。确保在 HTML 加载后添加事件监听器,以确保正确绑定事件。
转载请注明出处:http://www.zyzy.cn/article/detail/9437/jQuery Mobile