如何实现jScroll？

我是JS和jQuery的初学者，所以请耐心等待。

我试图使用JS创建一个动态列表

，最后它的工作。 现在我需要使用jScroll插件在我的列表中实现无限滚动概念。

所以我研究了很多关于jScroll的内容，但我找不到我需要的任何教程。 大多数教程都使用PHP语言，而在我的情况下，我使用简单的SELECT查询和LIMIT和OFFSET完成了我的服务器（ PHP ）代码，并返回了一个json 。

这是我的jQuery / AJAX代码， 它从数据库创建动态列表， 它已经在工作 ：

 $.ajax({ url: "http://localhost/jwmws/index.php/jwm/search/msmall/"+keyword, //This is the current doc type: "GET", error : function(jq, st, err) { alert(st + " : " + err); }, success: function(result){ //generate search result //float:left untuk hack design $('#search').append('
Search for : ' + keyword + '
' + '
' + '
Found ' + result.length + ' results
'); if(result.length == 0) { //temp alert("not found"); } else{ for(var i = 0; i < result.length; i++) { //generate 
 $('#list').append('
Name
Address
'); } var i=0; $(".box").each(function(){ var name, address, picture = ""; if(i < result.length) { name = result[i].name; address = result[i].address; picture = result[i].boxpicture; } $(this).find(".name").html(name); $(this).find(".address").html(address); $(this).find(".picture").attr("src", picture); i++; }); } } }); 

因为我的动态列表已经工作，现在我只需要实现jScroll。 但是，我不明白它的代码，如：

 $('.infinite-scroll').jscroll({ loadingHtml: ' Loading...', padding: 20, nextSelector: 'a.jscroll-next:last', contentSelector: 'li' }); 

如何在我的情况下实现这一点？ 我只是将

• 附加到我的jQUery / AJAX中，那么nextSelector怎么nextSelector ？

  任何帮助表示赞赏，请问您是否有疑问。

  谢谢你的帮助：D

  Answer 1

  你需要在适当的时候调用jscroll所需的所有东西。

   $.ajax({ url: "http://localhost/jwmws/index.php/jwm/search/msmall/"+keyword, //This is the current doc type: "GET", error : function(jq, st, err) { alert(st + " : " + err); }, success: function(result){ //generate search result //float:left untuk hack design $('#search').append('
  Search for : ' + keyword + '
  ' + '
  ' + '
  Found ' + result.length + ' results
  '); if(result.length == 0) { //temp alert("not found"); } else{ for(var i = 0; i < result.length; i++) { //generate 
   $('#list').append('
  Name
  Address
  '); } //After generation of 
   put a next link $('#list').append('NEXT'); //call to jscroller to be triggered jscroller(); var i=0; $(".box").each(function(){ var name, address, picture = ""; if(i < result.length) { name = result[i].name; address = result[i].address; picture = result[i].boxpicture; } $(this).find(".name").html(name); $(this).find(".address").html(address); $(this).find(".picture").attr("src", picture); i++; }); } } }); //The function to be called when 
   are rendered. function jscroller(){ $('.infinite-scroll').jscroll({ loadingHtml: ' Loading...', padding: 20, nextSelector: 'a.jscroll-next:last', contentSelector: 'li' }); }