我想为jQuery的每个命令添加一个滚动和无限滚动

时间:2014-12-30 05:40:37

标签: php jquery xml rss rss-reader

以下代码从XML解析rss feed并在php / jquery页面上将其显示为listview。到目前为止非常酷,只有问题

 function parseXml(xml)
  {
    $("#main").html("<ul id='content' data-role='listview' data-inset='true'></ul>");

    //make window scrollable after items exceed document height
    $document_height = $(document).height();
    $culminated_height = 0;
    $items_displayed_on_screen = 0;

    $(xml).find("item").each(function()
    {

      $("#content").append("<li><a href='"+$(this).find("date").text()+"'><img src='"+$(this).find("location").text()+"'/><h2>"+$(this).find("report").text()+"</p></a></li>");

      //make scrollable after document height is reached
      $culminated_height  +=  $("li").height();

      $items_displayed_on_screen++;
      if ($culminated_height >= $document_height){



              return false; //break
          }

    });

我无法使这个可滚动。到目前为止,$culminated_height$document_height帮助我在最高高度超过窗口/文档高度时停止显示更多项目。我需要这个部分是可滚动的,不会大大超过窗口高度,并且当用户进一步向下滚动时,进一步内容排序自动加载。我已经研究了jquery无限滚动技术,但到目前为止,似乎无法使它们使用这个jQuery的每个函数。有什么帮助吗?

0 个答案:

没有答案