jquery - 我希望我的平板电脑的硬件后退按钮 (Android) 可以关闭我网站的灯箱

Question

我的灯箱(Colorbox)运行完美，但有一个问题。

如果我按下平板电脑上的硬件后退按钮，我希望灯箱退出。硬件后退按钮不是关闭灯箱，而是退出整个网站并返回历史记录 - 这不是用户所期望的。

所以我想要后退按钮来关闭我的灯箱$.colorbox.close(); 不回溯历史。我只想修改灯箱打开时的后退按钮行为。

如果有任何区别，灯箱将使用退出键关闭。

需要明确的是，我并不是在构建 Android 应用程序。这是一个带有在 jQuery 灯箱中打开的图像的网站。如果我需要“jQuery Mobile”作为您的解决方案，请注明。

这是灯箱的链接 http://www.jacklmoore.com/colorbox/

感谢 Radek Pech 的解决方案，它可以正常工作，而且我也不需要 jQuery Mobile。如果您好奇，可以尝试这里的灯箱 http://ProductInterest.com只需点击其中一个缩略图即可。

Answer 1

当您打开灯箱时，您必须添加新的历史状态。

然后您可以观看 popstate 事件结束关闭灯箱。

history.pushState(null, "Colorbox", '#colorbox');

window.onpopstate = function(event) {
    $.colorbox.close();
};