дождитесь загрузки всего изображения jquery ajax / jquery pjax - PullRequest
Новая
       8

дождитесь загрузки всего изображения jquery ajax / jquery pjax

2 голосов
/ 18 июня 2011

Вот фрагмент того, что я пытаюсь сделать 

$.pjax = function( options ) {
  var $container = $(options.container),
      success = options.success || $.noop

  // We don't want to let anyone override our success handler.
  delete options.success

  // We can't persist $objects using the history API so we must use
  // a String selector. Bail if we got anything else.
  if ( typeof options.container !== 'string' )
    throw "pjax container must be a string selector!"

  var defaults = {
    timeout: 650,
    push: true,
    replace: false,
    // We want the browser to maintain two separate internal caches: one for
    // pjax'd partial page loads and one for normal page loads. Without
    // adding this secret parameter, some browsers will often confuse the two.
    data: { _pjax: true },
    type: 'GET',
    dataType: 'html',
    beforeSend: function(xhr){
      $container.trigger('start.pjax')
      xhr.setRequestHeader('X-PJAX', 'true')
    },
    error: function(){
      window.location = options.url
    },
    complete: function(){


$container.trigger('end.pjax')
},
success: function(data){
  // If we got no data or an entire web page, go directly
  // to the page and let normal error handling happen.
  if ( !$.trim(data) || /<html/i.test(data) )
    return window.location = options.url

  // Make it happen.
  // i think im not getting it right.
  $(window).load(
      function() {
          $container.html(data)
      }
  );

как Официальный способ попросить jQuery дождаться загрузки всех изображений перед выполнением чего-либо , но после запроса jjery ajax.

как вы можете видеть внизу // Make it happen, я пытаюсь вернуть html (данные) после того, как все его изображения из html (данные) готовы к отправке , можем ли мы как-то это сделать?

спасибо!

Адам Рамадан

1 Ответ

0 голосов
/ 18 июня 2011

Полагаю, вам придется вставить загруженный HTML-код в DOM, прежде чем браузер начнет загружать любое из изображений.Вы должны иметь возможность вставить его в скрытый (display:none) div и установить обратный вызов .load() для этого скрытого div.

Этот плагин улучшает событие .load() так,что он более последовательно срабатывает при загрузке изображения.

...