Sou um iniciante em JS & jQuery por favor, tenha paciência comigo.

Estou tentando criar uma lista dinâmica<ul> usando JS e finalmente está funcionando. Agora eu preciso implementar o conceito de rolagem infinita na minha lista, usandojScroll plugar.

Então eu pesquisei muito sobre o jScroll, mas não consigo encontrar nenhum tutorial que eu precisei. A maioria dos tutoriais usandoPHP linguagem praticamente, enquanto no meu caso eu fiz o meu servidor (PHP) código usando simplesSELECT consulta comLIMIT eOFFSET sobre ele e retornando umjson.

Este é o meu código jQuery / AJAX que cria a lista dinâmica do banco de dados,já está funcionando :

$.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('<p style="float:left;">Search for : ' + keyword + '</p>'
            + '<br/>'
            + '<p>Found ' + result.length + ' results</p>');

        if(result.length == 0)
        {
            //temp
            alert("not found");
        }
        else{
            for(var i = 0; i < result.length; i++)
            {
                //generate <li>
                $('#list').append('<li class="box"><img class="picture" src="images/HotPromo/tagPhoto1.png"/><p class="name"><b>Name</b></p><p class="address">Address</p></li>');
            }

            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++;
            });
        }
    }
});

Como minha lista dinâmica já está funcionando, agora só preciso implementar o jScroll. No entanto, eu não entendo seu código, como:

$('.infinite-scroll').jscroll({
    loadingHtml: '<img src="loading.gif" alt="Loading" /> Loading...',
    padding: 20,
    nextSelector: 'a.jscroll-next:last',
    contentSelector: 'li'
});

Como implementar isso no meu caso? Eu apenas adiciono<li> no meu jQuery / AJAX então como sobre onextSelector?

Qualquer ajuda é apreciada, por favor, pergunte se você tem alguma dúvida.

Obrigado pela vossa ajuda: D