4

私は、そのパネルの任意のボタンを押した後に閉じるスライド パネルを持ち、データをロードする phonegap プロジェクトに取り組んでいます。
Nexus 4で動作するようにしましたが、LG Optimus G Proをチェックしたときに主な問題が発生しました。クリックしてもスライダーが閉じず、明示的に閉じる必要があります。奇妙なことに、すべての Samsung デバイスで同じ問題が発生しました。

以下はスライダーのコードです

    <script>
                $(document).on("pageinit", "#demo-page", function() {
                    $(document).on("swipeleft swiperight", "#demo-page", function(e) {
                        // We check if there is no open panel on the page because otherwise
                        // a swipe to close the left panel would also open the right panel (and v.v.).
                        // We do this by checking the data that the framework stores on the page element (panel: open).
                        if ($.mobile.activePage.jqmData("panel") !== "open") {
                            if (e.type === "swipeleft") {
                                $("#dvAppSideMenu").panel("open");
                            } else if (e.type === "swiperight") {
                                $("#left-panel").panel("open");
                            }
                        }
                    });
                });
            </script>
<div data-role="panel" id="left-panel" data-theme="b">

            <div id="dvPageButton" class="pageHeaderMenu shadowSmall">

                <div class="scrollArea">
                    <a id="aWall_Main" data-action="home" class="mainWall">
                        <div data-target="1">
                            Home
                        </div>
                    </a>
                    <a href="#maincontent" data-target="1" data-subtarget="0" data-section="secDataZero" class="dont shadowInset" data-rel="close">ABC</a>
                    <a href="#maincontent" data-target="1" data-subtarget="1" data-section="secDataOne" class="dont shadowInset" data-rel="close">PQR</a>
                    <a href="#maincontent" data-target="1" data-subtarget="2" data-section="secDataTwo" class="dont shadowInset" data-rel="close">XYZ</a>
                    <a class="dont shadowInset setting-btn" href="#" >Setting</a>
                </div>

            </div>

            <div class="theme-button">
                <a class="th-btn1" href="#" data-rel="close"><span>Theme A</span></a>
                <a class="th-btn2" href="#" data-rel="close"><span>Theme B</span></a>
                <a class="th-btn3" href="#" data-rel="close"><span>Theme C</span></a>
                <a class="th-btn4" href="#" data-rel="close"><span>Theme D</span></a>
                <a class="th-btn5" href="#" data-rel="close"><span>Theme E</span></a>
            </div>

        </div>

注: これは phonegap アプリであるため、ブラウザーでは機能しない場合があります。

なぜ問題なのか誰にも分かりますか？

4

1 に答える 1

0

jQuery Mobile 1.4のAlpha 2バージョンを試しましたか。彼らは、このバージョンのパネルで多くの作業を行いました (そして現在も行っています)。

于 2013-09-24T09:17:46.163 に答える