3

初めての JQTouch アプリの作成。から に移動#loginする#homeと、JSON ajax 呼び出しは正常に行われますが、pageAnimationEndedイベントが無限ループになっているように見えます。

        $(function(){

            $('#login').ajaxComplete(function (e, xhr, settings) {                
                jQT.goTo('#home', 'flip'); 
            }); 

            $('#home').bind('pageAnimationEnd', function(e, info){

                alert('animation ended'); //infinite loop happens in here

                $.getJSON('/test', function(data) {
                     alert('json: ' + data); //this returns data successfully
                });

            });

        });

JQuery がインターセプトして AJAX に変換するログイン POST 呼び出し:

  <div id="login" class="current">
        <div class="toolbar">
            <h1>testapp</h1>
            <a class="button slideup" id="infoButton" href="#about">About</a>
        </div>
        <form:form commandName="user" action="/login/authenticate">
            <ul class="edit rounded">
                <li><form:input path="email"/></li>
                <li><form:password path="password" /></li>                    
                <li>Remember Me<span class="toggle"><input type="checkbox" /></span></li>                    
            </ul>
           <a style="margin:0 10px;color:rgba(0,0,0,.9)" href="" class="submit whiteButton">Login</a>
        </form:form>
    </div>

事前に感謝します。:-)

アップデート

どうやら .ajaxComplete は他の要素のイベントも受け取ります。必要なイベントをフィルタリングするためのガードを追加しました。

         $(document).ready(function(e){
              alert('document ready');

              $('#login').ajaxComplete(function (e, xhr, settings) {      

                  if(settings.url == '/login/authenticate') { //add check to prevent infinite loop
                      alert('jqt goto ' + settings.url);          
                      jQT.goTo('#home', 'flip'); 
                  }
             }); 

             $('#home').bind('pageAnimationEnd', function(e, info){

                alert('animation ended');

                $.getJSON('/test', function(data) {
                     alert('json: ' + data);
                });

             });
        });
4

2 に答える 2

2

ええ、これは間違いなく無限ループを引き起こします。イニシャルが何らかの形でトリガーされたと仮定すると、pageAnimationEnd次のようになります。

アニメーションが終了するため、bindメソッドはajax呼び出しを実行します。ajaxComplete()そのajax呼び出しには、完了時に「帰宅」というコールバックが登録されています。これはおそらく、ある種のアニメーションを実行し、完全にajax呼び出しをトリガーします。そのajax呼び出しには、完了時ajaxComplete()に「gohome」というコールバックが登録されています...

おそらくあなたが望むのはajaxComplete()、すべてのajaxリクエストで呼び出されるジェネリックではなく、1回の呼び出しを行うログインコードの特定のリクエストです。あなたが何を達成しようとしているのか正確にはわかりませんが、問題の解決策を提供するのは難しいです。私がすべてを正しく理解していれば、これはあなたの問題に対する十分な説明になるはずです

于 2010-08-06T13:29:14.603 に答える
1

私は JQuery があまり得意ではありませんが$(selector).one(function(){...}、ループを防ぐために使用できると思います。

http://api.jquery.com/one/

于 2010-08-06T13:21:20.917 に答える