0

同じソリューションで内部 jqueryMobile ページ (data-page="mypage") と通常のページ (xxxx.php) をナビゲートしようとしています。私はそれが次のように動作することを望みます:

  • #lista-x から右にスワイプして #listas に移動します
  • #listas から新しいスワイプを右に実行し、index.php に移動します

問題は、#lista-x でスワイプを実行すると、index.php に直接移動することです。両方のアクションを実行していることはほとんどわかりません。つまり、最初に #listas に移動し、次に index.php に移動します。これは私のコードです（理解を容易にするために単純化されています）： 

 <!-- EXAMPLE.PHP -->
    <div data-role="page" id="listas">
            <a data-role="button" href="#lista-1">lista 1</a>
            <a data-role="button" href="#lista-2">lista 2</a>
            <a data-role="button" href="#lista-3">lista 3</a>
        </div>
        <div data-role="page" id="lista-1">
            //something...
        </div>
        <div data-role="page" id="lista-2">
            //something...
        </div>
        <div data-role="page" id="lista-3">
            //something...
        </div>


<script type="text/javascript">    
$("[id='listas']").bind('pageshow', function(){
    // Gestos táctiles
            $(function() {
                $("body").bind('swiperight', function(event) {
                        window.location = "mov-eventos.php";
                        // $.mobile.changePage( "mov-eventos.php");
                });

            });
    });


    $("[id^='lista-']").bind('pageshow', function(){
    // Gestos táctiles
        $(function() {
            $("body").bind('swiperight', function(event) {
                    $.mobile.changePage("#listas", "slide", false, true);
            });
        });
    });
</script>

前に説明したように動作するには、どうすれば解決できますか?:

前もって感謝します

4

1 に答える 1

0

問題は、一部の要素 (たとえば ) のみを選択しているにもかかわらず、イベントを body 要素に$("[id^='lista-']")バインドしているため、が 2 回発生することです。選択した要素にバインドする必要があります。swiperightswiperight

于 2013-01-16T20:29:33.097 に答える