ページ上の特定の要素を「クリック」すると開くフルスクリーンダイアログウィンドウを備えた、モバイル向けに最適化されたWebサイトを作成しています。これらのウィンドウは、実際には、所定の位置にアニメーション化された単なるdivです。
これらのダイアログウィンドウの1つが開いているときにユーザーがブラウザの戻るボタンを押すと、ページをすべてまとめたままにするのではなく、ダイアログボックスを閉じたいと思います。
私はiPhoneでこれを行うことができます。リンクフラグメントをクリックする要素を作成すると、window.onpopstateイベントで、window.location.hrefを使用してURLを確認し、必要に応じてダイアログボックスを非表示にできます。
ただし、window.onpopstateはサポートされていないため、Androidでこれを機能させることはできません(少なくとも、かなり古い電話のimテストでは)。どうすればこれを回避できますか?jQuery Mobileはこれを行うことができるので、どういうわけかそれが可能でなければならないことを私は知っています。
ありがとう