使用浏览器的“后退”按钮保持Bootstrap模式打开

Question

有没有办法在离开页面时保持引导模态打开，然后使用浏览器的后退按钮返回到所述页面？

Answer 1

您应该阅读所谓的bfcache，请参阅Is there a cross-browser onload event when clicking the back button?和How to prevent content being displayed from Back-Forward cache in Firefox?然后您应该意识到bfcache保存了页面的所有状态（包括JS，DOM的状态）。因此，应该在bfcache中打开一个打开的模态，因此在导航时打开。你发现你的模态已经关闭了，所以会发生什么。

导航到其他页面（例如通过单击链接）触发关闭模式（并且bfcache使用封闭模式保存页面）

可能的解决方案：

1. 防止您的模态在外部点击时关闭（请参阅：Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape?）
2. 启用会话并禁用bfcache（在导航时触发重新加载）当用户已根据您的会话信息访问该页面时重新打开该模式