Ajax-подгрузка контента при прокрутке страницы
Вечер добрый.
Кто может помочь. Хочу сделать при прокрутке страницы в низ, чтобы подгружалось определенное количество файлов из базы, как сейчас на многих сайтах и соц сетях. Поскольку с Ajax совсем не дружу, ничего не получается. Перепробывал кучу вариантов из интернета, глухо. Вобщем есть get.php $list = ""; $begin = 0; $count = 20; $result = mysql_query("SELECT * FROM myfiles WHERE sStatus = 1 AND featured = 1 $catQuery ORDER BY rand() LIMIT $begin, $count"); while ($row = mysql_fetch_array($result)) { // тут берем из бызы все что нам надо $fileID = $row['gid']; $fileName = $row['fName']; $fileIcon = $row['fIcon']; // и так далее $fileLink = "http://site.com/index.php?a=file&id=$fileID"; // получаем лист файлов $list.= '<a href="'.$fileLink.'"><img src="'.$fileIcon.'" width="120" height="90" border="1" alt="'.$fileName .'" /><br />'.$fileName .'</a>'; } Далее страница где подключаю jquery и вывожу файлы. <!DOCTYPE html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> </head> <body> <div class="fileslisting"> [PHP] <?php include("get2.php"); echo $list; ?> [/PHP] </div> Вот один из вариантов кода, что я нашел в сети. <script> $(document).ready(function(e){ var count = 20; var begin = 0; function scrolling(){ var currentHeight = $(this).children(".wrapper").height(); if($(this).scrollTop() >= (currentHeight - $(this).height()-100)){ $(this).unbind("scroll"); loader(); } } function loader(){ $.ajax({ type:"POST", url:"get.php", data:{ count: count, begin: begin*count }, success:onAjaxSuccess }); function onAjaxSuccess(data) { $(".wrapper").append(data); $(".text").on("scroll", scrolling); } begin++; } $(".text").on("scroll", scrolling); }); </script> Стили css в скрипте я свои ставил, результата 0. Кто может направить в нужное русло? Спасибо. |
Цитата:
|
Часовой пояс GMT +3, время: 14:55. |