带组标记的无限滚动（jquery/jquery mobile）

我在不同的应用程序中看到了用标记进行无限滚动的实现。我认为这些应用程序是用Objective-C编写的，但是我想知道是否有jquery等价物（或js库）。带组标记的无限滚动（jquery/jquery mobile）

我在寻找的是一个无限滚动的一些数据组标记。例如，显示一天中的所有事件。组标记显示“今天”以及当天的事件列表。滚动后，显示“Tomorrow”的标记并替换“Today”等。

一个应用程序做就这这里

的例子有一个jQuery库这样做？我找不到标记（今天，明天）的正确术语，这也许就是为什么我找不到关于stackoverflow的讨论。群组标记是描述它的好方法吗？

来源

2013-05-04 Alain Zelink

如果我正确地理解了它，就可以完成。我不知道这是否完全相似，但很接近。

jQuery Mobile有一些名为listview分隔符的东西，它们可以动态实现。

比方说，你已经动态地从服务器中pu出数据，并且listview已经被填充但没有刷新。您的列表视图内容是这样的：

<ul data-role="listview" id="MessagesList" data-autodividers="true"> 
    <li date="2013-03-03"><a href="#">Event 1</a></li> 
    <li date="2013-03-02"><a href="#">Event 2</a></li> 
    <li date="2013-03-01"><a href="#">Event 3</a></li> 
</ul>

现在，刷新之前，增强ListView的标记，你将初始化代autodividers的，就像这样：

$("#MessagesList").listview({ 
    autodividers: true, 
    autodividersSelector: function (li) { 
     var out = li.attr('date'); 
     return out; 
    } 
}).listview('refresh');

而且你会得到这样的：jsFiddle

现在，在这一点上，我们已经解决了您的第一个问题。现在，谈谈你的第二个问题。你可以使用名为Waypoints的jQuery插件的帮助来实现listview无限滚动。它可以用来检测listview已经到达底部，然后它会触发一个事件，可以用来拉另一组动态数据，增强过程将再次开始。

或者你可以在我的旧的例子来看看，看看它如何可以手动完成（我更喜欢这种解决方案在航点，它具有更好的检测）：jsFiddle

来源

2013-05-04 08:37:20 Gajotres

感谢您对这些指针，我要去试验。至于分频器，我认为它们是静止的。例如，分隔线保持在最高点。例如，星期一将继续上涨，直到我们到达周二。然后星期一将消失，星期二将在最后一天，直到我们到达另一天。 – 2013-05-05 08:05:49

嘿谢谢，只是实施它。现在，我已经看到你的另一篇关于iscrollview的文章。为什么不使用iscrollviews的iscroll-pullup和pulldown？我尝试过使用它们，但是我无法使其显示任何内容，或者在使用动态内容拉起/拉下时进行任何操作。 – 2013-05-12 11:58:34

我没有提到他们，因为我帮助的人通常对iscrollview有更多的问题，然后帮助他们。这并不意味着iscrollview不好，只是需要时间才能习惯。所有这一切，你是正确的，我会写一个教程与iscrollview。我经常使用它，但用于其他目的。 – Gajotres 2013-05-12 12:13:57

带组标记的无限滚动（jquery/jquery mobile）

回答

相关问题