Soy un principiante en JS y jQuery, así que por favor tengan paciencia conmigo.

Estoy tratando de crear una lista dinámica<ul> Usando JS y finalmente está funcionando. Ahora necesito implementar el concepto de desplazamiento infinito en mi lista, usandojScroll enchufar.

Así que investigué mucho sobre jScroll, pero no puedo encontrar ningún tutorial que necesite. La mayoría de los tutoriales que utilizanPHP lenguaje bastante, mientras que en mi caso he hecho mi servidor (PHP) código usando simpleSELECT consulta conLIMIT yOFFSET en él y devolviendo unjson.

Este es mi código jQuery / AJAX que crea la lista dinámica desde la base de datos,ya 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++;
            });
        }
    }
});

Debido a que mi lista dinámica ya está funcionando, ahora solo necesito implementar el jScroll. Sin embargo, no entiendo su código, como:

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

¿Cómo implementar esto en mi caso? Acabo de añadir<li> en mi jQUery / AJAX así que ¿qué tal elnextSelector?

Cualquier ayuda es apreciada, por favor solo pregunte si tiene alguna pregunta.

Gracias por tu ayuda: D