大佬教程收集整理的这篇文章主要介绍了jquery – 自定义Ajax页面加载Shopify集合页面？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我有这个工作到下面最简单的方法,但是我正在尝试更改这个,所以在每个页面之后它将为下一个请求添加另一个div.
它应该是这样的：
>用户滚动到底部并单击查看更多链接.
>数据显示在提供的第一个div中.
>用户再次单击“查看更多”
>数据显示在上一页之后的下一页
我希望这是有道理的.我假设我需要实现某种计数器并使用该计数器作为我的ajax查询中的页码,但我不确定如何做到这一点以及在每次查询后创建一个新的div,其中将插入下一个数据.
这是我的代码到目前为止：
$(document).ready(function() {
$('#more p a').click(function(e) {
e.preventDefault();
$.ajax({
url: 'https://url.myshopify.com/collections/all?page=2',type:'GET',success: function(data){
$('#ajax-content-2').html($(data).find('.collection-wrapper').html());
}
});
});
});
jQuery的：
$(document).ready(function() {
var counter = 2
var pages = Math.ceil('{{ collection.all_products_count }}' / {{ settings.products_per_page }});
var maxCount = pages + 1;
console.log("Pages Found: " + pages);
console.log("Collection Title: {{ collection.handle }}");
$('#more p a').click(function(e) {
e.preventDefault();
var getUrl = "site.myshopify.com/collections/{{ collection.handle }}?page="+counter;
$.ajax({
url: getUrl,success: function(data){
$("#ajax-content-"+counter).html($(data).find('.collection-wrapper').html());
counter++;
var oldCount = counter - 1;
$("#ajax-content-"+oldCount).append("<div id='ajax-content-"+counter+"'></div>");
if(counter == maxCount ) {
$('#more').empty();
}
}
});
});
});
如果你看到任何可以改进的地方请告诉我:)
以上是大佬教程为你收集整理的jquery – 自定义Ajax页面加载Shopify集合页面？全部内容，希望文章能够帮你解决jquery – 自定义Ajax页面加载Shopify集合页面？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。