javascript - jQuery モバイル: ポップアップおよび vclick イベント

Question

プロジェクトに jQuery モバイルを使用しており、ポップアップが開いたときに vclick イベントに反応する必要があります。私の問題は、ページ全体ではなく、ポップアップ内で vclick イベントが発生することです。ここで最小限の例を見つけることができます。よろしくお願いします。

Answer 1

あなたのコードは正しく動作します。これが意図したものかどうかはわかりませんが、popup overlay panelを使用しています。jQuery Mobile 1.3 バージョンの通常のパネルとは異なり、ポップアップ オーバーレイ パネルには非表示の div ウィッチがあり、画面の全幅と全高に拡張されます。

メールページをクリックしたように見えるのは、隠れたオーバーレイ div をクリックしただけです。

これをテストすることもできます。Firefox または Chrome を使用してポップアップ HTML を確認すると、その DIV が見つかります。

あなたの場合、この DIv が問題です:

<div id="panelPopup-screen" class="ui-popup-screen in" style="height: 611px;"></div>

いつでも jQuery Mobile 1.3 RC1 に切り替えて、そのパネルを使用し、半透明にすることができます。

編集 ：

あなたのための解決策を見つけました。これはライブで動作するjsFiddleの例です: http://jsfiddle.net/SC8hH/

これで問題が解決します：

#panelPopup-screen {
    display: none;
}