The ajax query to a php file of up to 150 records does fine, when it exceeds this number of records, when fetching the data and drawing it to the DIV, this problem occurs.
{
path: '/lazy-load/:Page',
url: './pages/lazy-load.php',
name:'productos',
options: { transition: 'f7-dive', },
on: {
pageAfterIn: function (e, page) {
},
pageBeforeIn: function (e, page) {
},
pageInit: function (e, page) {
var jsonData= JSON.parse(localStorage.getItem("dataUser"));
//alert(jsonData.name);
var referencia=this.id;
var user = jsonData.id_usuario;
var idBusiness = jsonData.idBusiness;
var page_view = app.view.main.router.currentRoute.params.Page;
app.request.post('/ajax-post/productos/productos.php', { categoria: page_view,user:user,idBusiness:idBusiness }, function (data) {
$$('#div-productos').html(data);
$$('.title').html(page_view);
});
$$('.page').addClass('page-lazy-load');
},
lazyLoad: function (el) {
console.log(el);
},
lazyLoaded: function (el) {
console.log(el);
},
lazyError: function (el) {
console.log(el);
},
},
},