Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript]Scroll autoload i fb like
Forum PHP.pl > Forum > Przedszkole
miras
Witam, mam zrobione wczytywanie zdjęć na stronie ajaxem - w sensie scroll'uje strone do dołu i pojawiają się nowe zdjęcia, pod każdym zdjęciem jest FB like

  1.  
  2. <div class="fb-like" data-href="link'" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
  3.  



i gdy wejdę na stronę to na start wczytuje mi się tylko 8 zdjęc (reszta po scrollowaniu) - problem jest taki, że tylko przy tych 8 startowych zdjęciach pojawia się fb like - w pozostałych, które się wczytały po scrollowaniu niestety nie.


  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. var track_load = 0;
  4. var loading = false;
  5. var total_groups = 5;
  6. $('#results').load("include/ajax/autoload_process.php", {'group_no':track_load}, function() {track_load++;});
  7. $(window).scroll(function() {
  8. if($(window).scrollTop() + $(window).height() == $(document).height())
  9. {
  10. if(track_load <= total_groups && loading==false)
  11. {
  12. loading = true;
  13. $('.animation_image').show();
  14. $.post('include/ajax/autoload_process.php',{'group_no': track_load}, function(data){
  15. $("#results").append(data);
  16. $('.animation_image').hide();
  17. track_load++;
  18. loading = false;
  19. }).fail(function(xhr, ajaxOptions, thrownError) {
  20. alert(thrownError);
  21. $('.animation_image').hide();
  22. loading = false;
  23. });
  24.  
  25. }
  26. }
  27. });
  28. });
  29.  
  30.  
  31.  




ma ktoś jakiś pomysł?
miras
Nie rozumiem, właśnie stamtąd pobrałem ten kod..
trueblue
Jaki kod pobrałeś stamtąd? Nie masz w kodzie funkcji z przykładu.
miras
Ok, nie załapałem, muszę tym:

FB.XFBML.parse(document.getElementById('foo')); "odświeżyć" div #results, dobrze myślę? tylko skąd mogę pobrać jeszcze tą bibliotekę fb?
trueblue
Podając inne id niż 'foo'.
Obiekt FB jest na stronie jeśli istnieje div#fb-root ze skryptem.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.