2

Jquery を使用した無限スクロールのこれらのデモを見つけましたが、ソースが提供されていないため、どのように使用できるかわかりません。気に入った人がいたら、問題をクリアしてくれませんか?

このコードをデモ 5 で試しましたが、うまくいきませんでした。

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
 <script type="text/javascript">
$(document).ready(function(){
    function lastAddedLiveFunc()
    {
        $('div#lastPostsLoader').html('<img src="bigLoader.gif">');

        $.get("loadmore.php", function(data){
            if (data != "") {
                //console.log('add data..');
                $(".items").append(data);
            }
            $('div#lastPostsLoader').empty();
        });
    };

    //lastAddedLiveFunc();
    $(window).scroll(function(){

        var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
        var  scrolltrigger = 0.95;

        if  ((wintop/(docheight-winheight)) > scrolltrigger) {
         //console.log('scroll bottom');
         lastAddedLiveFunc();
        }
    });
});
</script>
</head>
<body>
<ul class="items">
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>

   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>
   <li>content</li>                   
  </ul>

<div id="lastPostsLoader"></div>
</body>
</html>
4

1 に答える 1

1

これで試してください：

function lastAddedLiveFunc(){
    $('div#lastPostsLoader').html('<img src="bigLoader.gif">');

    $.get("loadmore.php", function(data){
        if (data != "") {
            //console.log('add data..');
            $(".items").append(data);
        }
        $('div#lastPostsLoader').empty();
    });
}

$(document).ready(function(){
   $(window).scroll(function(){

      var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
      var  scrolltrigger = 0.95;

      if  ((wintop/(docheight-winheight)) > scrolltrigger) {
       //console.log('scroll bottom');
       lastAddedLiveFunc();
      }
  });
});
于 2013-01-29T11:20:22.207 に答える