JS & jQuery'de yeni başlayan biriyim, lütfen bana katılın.jScroll nasıl uygulanır?
JS kullanarak bir dinamik liste <ul>
oluşturmaya çalışıyorum ve sonunda çalışıyorum. Şimdi, jScroll eklentisini kullanarak listemdeki sonsuz kaydırma konseptini uygulamam gerekiyor.
jScroll hakkında çok fazla araştırma yaptım, ancak ihtiyaç duyduğum herhangi bir öğretici bulamıyorum. Benim durumumda PHP
dilini kullanan öğreticilerin çoğu benim durumumdayken ve OFFSET
ile basit SELECT
sorgusu kullanarak sunucum (PHP
) kodunu yaptım ve bir json
döndürüyor.
Bu, onun zaten çalışma veritabanından dinamik liste oluşturmak benim jQuery/AJAX kodu:
$.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++;
});
}
}
});
benim dinamik liste zaten çalıştığı için, şimdi ben sadece jScroll uygulamak gerekir.
$('.infinite-scroll').jscroll({
loadingHtml: '<img src="loading.gif" alt="Loading" /> Loading...',
padding: 20,
nextSelector: 'a.jscroll-next:last',
contentSelector: 'li'
});
Nasıl benim durumumda bu uygulamaya: Ancak, ben gibi, onun kodunu anlamıyorum? Sadece <li>
'u jQUery/AJAX'ımda ekliyorum, bu yüzden nextSelector
'a ne dersiniz?
Herhangi bir yardım için teşekkür ederiz, lütfen sadece bir sorunuz varsa sorun. Yardımlarınız için
Teşekkür: Her şeyi prety kadar sadece set uygun zamanda jscroll çağırmak için gerekli Hava
hatırlama fonksiyonu – Hushme
@Hushme üzgünüm ama hatırlama ne demek istiyorsunuz Teşekkür:? başarı fonksiyonu –
çağrı $ ('sonsuz kaydırma.') jscroll ({... @. Hushme ne nextSelector hakkında? Ne eklemeliyim? Teşekkürler: D – Hushme