jquery / jqtouch вызов getJSON, вызывающий бесконечный цикл? - PullRequest
Новая
       1

jquery / jqtouch вызов getJSON, вызывающий бесконечный цикл?

3 голосов
/ 06 августа 2010

Написание моего первого приложения JQTouch.Когда я перехожу с #login на #home, ajax-вызов JSON происходит успешно, но событие 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
                });

            });

        });

Вход в систему POST-вызов, который JQuery перехватывает и превращает в AJAX: 

  <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);
                });

             });
        });

Ответы [ 2 ]

2 голосов
/ 06 августа 2010

Да, это определенно вызовет бесконечный цикл.Предполагая, что начальный pageAnimationEnd каким-то образом сработал, вот что вы делаете:

Анимация заканчивается, поэтому ваш метод связывания выполняет ajax-вызов.Этот ajax-вызов имеет зарегистрированный обратный вызов при завершении ajaxComplete(), который говорит "иди домой".Похоже, что это идет домой и выполняет какую-то анимацию, которая при завершении запускает ваш вызов ajax.Этот ajax-вызов имеет зарегистрированный обратный вызов при завершении ajaxComplete(), который говорит "иди домой" ... и так далее.

Скорее всего, вам нужен не общий ajaxComplete(), который вызывается при всех запросах ajax, но конкретный в вашем коде входа, который делает один вызов.Я не совсем уверен, чего вы пытаетесь достичь, поэтому трудно дать вам решение проблемы.Это должно быть достаточным объяснением вашей проблемы, хотя, если я все правильно понимаю

1 голос
/ 06 августа 2010

Я не очень хорош с JQuery, но я думаю, что вы могли бы использовать $(selector).one(function(){...}, чтобы предотвратить цикл.

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

...