Почему jQuery .load () запускается дважды? - PullRequest
Новая
       20

Почему jQuery .load () запускается дважды?

3 голосов
/ 13 марта 2010

Я использую jQuery 1.4 с jQuery History и пытаюсь выяснить, почему Firebug / Web Inspector показывает 2 запроса XHR GET при каждой загрузке страницы (удваивает эту сумму при посещении домашней страницы моего сайта (/ или /#) .

например. Посетите эту (или любую) страницу с включенным Firebug.

Вот отредактированный / соответствующий код (см. полный исходный код ): - 

$(document).ready(function() {

    $('body').delegate('a', 'click', function(e) {
        var hash = this.href; 
        if (hash.indexOf(window.location.hostname) > 0) { /* Internal */
         hash = hash.substr((window.location.protocol+'//'+window.location.host+'/').length); 
         $.historyLoad(hash); return false;     
  } else if (hash.indexOf(window.location.hostname) == -1) { /* External */ 
   window.open(hash); return false; 
  } else { /* Nothing to do */ }
        });


 $.historyInit(function(hash) {
  $('#loading').remove(); $('#container').append('<span id="loading">Loading...</span>'); 
   $('#ajax').animate({height: 'hide'}, 'fast', 'swing', function() { 
    $('#page').empty(); $('#loading').fadeIn('fast');

    if (hash == '') { /* Index */ 
     $('#ajax').load('/ #ajax','', function() { ajaxLoad(); }); 
    } else {
        $('#ajax').load(hash + ' #ajax', '', function(responseText, textStatus, XMLHttpRequest) {
      switch (XMLHttpRequest.status) { 
       case 200: ajaxLoad(); break;
       case 404: $('#ajax').load('/404 #ajax','', ajaxLoad); break; // Default 404
       default: alert('We\'re experiencing technical difficulties. Try refreshing.'); break;
       }
      });
     }

}); // $('#ajax')
  }); // historyInit()


  function ajaxLoad() {
   $('#loading').fadeOut('fast', function() { 
    $(this).remove(); $('#ajax').animate({height: 'show', opacity: '1'}, 'fast', 'swing');
    });
   }

    });

Несколько замечаний, которые могут быть полезны: -

  • Использование WordPress по умолчанию / стандарт. .Htaccess
  • Я перенаправляю /links-like/this на /#links-like/this только через JavaScript (PE)
    • Я достигаю выше с window.location.replace(addr);, а не window.location=addr;
  • Не стесняйтесь посетить мой сайт при необходимости.

Заранее спасибо.

Ответы [ 2 ]

2 голосов
/ 13 марта 2010

Я думаю вы ответили на свой вопрос:

«Я перенаправляю /links-like/this на /#links-like/this только через JavaScript (PE)»

1 голос
/ 15 марта 2010

Пример кода, который я первоначально разместил выше, возможно, помог мне ответить на мой собственный вопрос ...

На моем живом сайте .load () был вложен в 2 уровня обратных вызовов: - 

$.historyInit(function(hash) {
    $('html, body').animate({scrollTop: '0'}, 500, 'swing', function() { \\ level 1
        $('#loading').remove(); $('#container').append('<span id="loading">Loading...</span>'); 
        $('#ajax').animate({height: 'hide'}, 'fast', 'swing', function() { \\ level 2
            $('#page').empty(); $('#loading').fadeIn('fast');

            if (hash == '') { /* Index */ 
                $('#ajax').load('/ #ajax','', function() { ajaxLoad(); }); 
            } else {
                $('#ajax').load(hash + ' #ajax', '', function(responseText, textStatus, XMLHttpRequest) {
                    switch (XMLHttpRequest.status) { 
                        case 200: ajaxLoad(); break;
                        case 404: $('#ajax').load('/404 #ajax','', ajaxLoad); break; // Default 404
                        default: alert('We\'re experiencing technical difficulties. Try refreshing.'); break;
                        }
                    });
                }

            }); // $('#ajax')
        }); // $('html, body')
    }); // historyInit()

... перемещение оператора if (hash) за пределы обратных вызовов возвращает меня к 1 XHR GET для всех страниц (с / в качестве единственного исключения).

Еще раз спасибо за попытку помочь Пауло.

...