Как реализовать jScroll?
Я новичок в JS & Пожалуйста, потерпите меня.
Я пытаюсь создать динамический список с помощью JS и, наконец, его работа. Теперь мне нужно реализовать концепцию бесконечной прокрутки в моем списке, используяjScroll плагин.
Поэтому я много исследовал jScroll, но не могу найти ни одного учебника, который мне нужен. Большинство учебных пособий с использованиемPHP
язык в значительной степени, в то время как в моем случае я сделал свой сервер (PHP
) используйте простой кодSELECT
запрос сLIMIT
а такжеOFFSET
на нем и вернем.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('<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
$('#list').append('<img class="picture" src="images/HotPromo/tagPhoto1.png"><p class="name">Name</p><p class="address">Address</p>');
}
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: '<img src="loading.gif" alt="Loading"> Loading...',
padding: 20,
nextSelector: 'a.jscroll-next:last',
contentSelector: 'li'
});
Как реализовать это в моем случае? Я просто добавляю в моем JQUery / AJAX так как насчет?
nextSelector
Любая помощь приветствуется, пожалуйста, просто спросите, если у вас есть какие-либо вопросы.
Спасибо за вашу помощь: D