Jak zaimplementować jScroll?

Jestem początkującym w JS & jQuery, więc proszę o wyrozumiałość.

Próbuję stworzyć dynamiczną listę<ul> używając JS i wreszcie działa. Teraz muszę zaimplementować pojęcie nieskończonego przewijania na mojej liście, używającjScroll podłącz.

Więc dużo badałem na temat jScroll, ale nie mogę znaleźć żadnego tutorialu, którego potrzebuję. Większość tutoriali używaPHP język bardzo, podczas gdy w moim przypadku zrobiłem mój serwer (PHP) kod za pomocą prostegoSELECT zapytanie zLIMIT iOFFSET na nim i wracającjson.

To jest mój kod jQuery / AJAX, który tworzy dynamiczną listę z bazy danych,już działa :

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

Ponieważ moja dynamiczna lista już działa, teraz muszę zaimplementować jScroll. Jednak nie rozumiem jego kodu, np .:

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

Jak wdrożyć to w moim przypadku? Po prostu dołączam<li> w moim jQUery / AJAX, więc co znextSelector?

Każda pomoc jest mile widziana, wystarczy zapytać, czy masz jakieś pytanie.

Dziękuję za pomoc: D

questionAnswers(1)

yourAnswerToTheQuestion