2012-11-28 18 views
6

Sunucu yükünü azaltmak için öğeleri gezinirken görünümüne yüklemek istiyorum. küçük resimler, ancak sayfa yüklenirken yer tutucularının divs olmasını ister. Bunu yapmak için, div görünür hale geldiğinde bir tür tetiklemeye ihtiyacım var.Bir HTML öğesi görüntülendiğinde tetikleyen bir Javascript olayı var mı?

jquery-appear önerildi ama

kimse bunun nasıl başka biliyor mu (Google bana bir 403 hata veriyor) yerden bir kopyasını almak gibi olamaz?

http://imakewebthings.com/jquery-waypoints/ Aşağıda

Bir yol noktası eklentisi çağırabilir nasıl: jQuery yolu noktalarını düşünüyorum

+1

Ne [jQuery Waypoint'ler] (http hakkında: //imakewebthings.com/jquery-waypoints/)? –

cevap

5

ihtiyacınız olabilecek eklentidir

$(document).ready(function() { 
    var $loading = $("<div class='loading'><p>Loading more items&hellip;</p></div>"), 
    $footer = $('footer'), 
    opts = { 
     offset: '100%' 
    }; 

    $footer.waypoint(function(event, direction) { 
     $footer.waypoint('remove'); 
     $('body').append($loading); 
     $.get($('.more a').attr('href'), function(data) { 
      var $data = $(data); 
      $('#container').append($data.find('.article')); 
      $loading.detach(); 
      $('.more').replaceWith($data.find('.more')); 
      $footer.waypoint(opts); 
     }); 
    }, opts); 
}); 
İlgili konular