Skip to main content
4 de 4
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/

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 e ecd 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);
    }
}

Adendo #1.1

Visto que, como esclarecido nos comentários, post, na função loadPost, não é uma lista de objetos, mas um objeto em que cada propriedade é uma lista, o adendo #1 pode ser ignorado para esta solução.

Woss
  • 77,2mil
  • 15
  • 123
  • 221