Ich bin ein Anfänger in JS & jQuery.

Ich versuche, eine dynamische Liste zu erstellen<ul> mit JS und schließlich funktioniert es. Jetzt muss ich das Konzept des unendlichen Bildlaufs in meiner Liste mit implementierenjScroll Plugin.

Also habe ich viel über jScroll recherchiert, aber ich kann kein Tutorial finden, das ich brauchte. Die meisten Tutorials verwendenPHP Sprache ziemlich, während in meinem Fall ich meinen Server getan habe (PHP) Code mit einfachenSELECT Abfrage mitLIMIT undOFFSET darauf und zurück ajson.

Dies ist mein jQuery / AJAX-Code, mit dem die dynamische Liste aus der Datenbank erstellt wird.es funktioniert schon :

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

Da meine dynamische Liste bereits funktioniert, muss ich jetzt nur noch den jScroll implementieren. Jedoch verstehe ich seinen Code nicht, wie:

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

Wie kann ich das in meinem Fall umsetzen? Ich hänge nur an<li> in meiner jQUery / AJAX also wie wäre es mit dernextSelector?

Jede Hilfe wird gebeten, bitte fragen Sie uns, wenn Sie Fragen haben.

Vielen Dank für Ihre Hilfe: D