Vamos por partes, primeiro a função loadPost
:
function loadPost() {
var size = arrayPost.length;
var imgPath = '/images/upload/poster/';
var post = arrayPost;
...
}
Aqui você recupera o valor de arrayPost
, tanto para atribuir o valor de size
quanto para post
, porém a variável arrayPost
não é definida neste escopo, apenas dentro da função mountNewPubli
, onde a função loadPost
é chamada. Tente, então, passar o valor desta variável por parâmetro:
function loadPost(arrayPost) {
var size = arrayPost.length;
var imgPath = '/images/upload/poster/';
var post = arrayPost;
...
}
Agora a função mountNewPubli
. Nela, só precisamos passar o parâmetro que acabamos de definir:
var bcd = 0;
var ecd = 12;
function mountNewPubli(d) {
$('.side-left').html('');
arrayPost = d;
loadPost(arrayPost);
...
}
Porém, devemos lembrar que a função mountNewPubli
possui um parâmetro d
, que não tem seu valor passado durante a chamada, no callback da requisição AJAX.
$('.search-label').click(function (ev) {
ev.preventDefault();
var label = $(this).attr('data-type');
$.ajax({
type: 'GET',
url: '/sys/etc/search-label.php',
data: {type: label, b: bcd, e: ecd}
}).done(function (d) {
console.debug(d)
if (d.status == 404) {
...
} else if (d.status == 200) {
bcd = (ecd + 1);
ecd += 12;
mountNewPubli(); // <---- AQUI
} else {
console.debug(d);
}
}).fail(function () {
...
});
});
Considerando que este d
seja o mesmo da função callback, passamos seu valor para a função mountNewPubli
:
$('.search-label').click(function (ev) {
ev.preventDefault();
var label = $(this).attr('data-type');
$.ajax({
type: 'GET',
url: '/sys/etc/search-label.php',
data: {type: label, b: bcd, e: ecd}
}).done(function (d) {
console.debug(d)
if (d.status == 404) {
...
} else if (d.status == 200) {
bcd = (ecd + 1);
ecd += 12;
mountNewPubli(d); // <---- AQUI
} else {
console.debug(d);
}
}).fail(function () {
...
});
});
Acredito que a utilização das variáveis
bcd
eecd
esteja ok, visto que as mesmas parecem estar definidas no escopo global do programa.
Adendo #1
Como observado pelo usuário André Luis Marmo, neste trecho de código, o índice i
está na posição errada.
function loadPost() {
var size = arrayPost.length;
var imgPath = '/images/upload/poster/';
var post = arrayPost;
for (i = 0; i < post.rows; i++) {
$('.side-left').append(htmlPost);
$($('.cont-desc')[i]).attr('title', post.description[i]);
$($('.cont-type')[i]).html(post.type[i]);
$($('.cont-url')[i]).attr('href', post.url[i]);
$($('.cont-url-img')[i]).attr('src', imgPath + post.poster[i]);
$($('.cont-demo')[i]).html(post.title[i]);
}
}
O correto seria:
function loadPost() {
var size = arrayPost.length;
var imgPath = '/images/upload/poster/';
var post = arrayPost;
for (i = 0; i < post.rows; i++) {
$('.side-left').append(htmlPost);
$($('.cont-desc')[i]).attr('title', post[i].description);
$($('.cont-type')[i]).html(post[i].type);
$($('.cont-url')[i]).attr('href', post[i].url);
$($('.cont-url-img')[i]).attr('src', imgPath + post[i].poster);
$($('.cont-demo')[i]).html(post[i].title);
}
}