Как правильно запустить скрипт по клику?

Question

[mk320]

Здравствуйте, есть такой вот скрипт

var callback = function (listDetails) {
            var html = '';
            listDetails.shots.forEach(function (shot) {
                html += '<li><h3>' + shot.title + '</h3>';
                html += '<h4>by ' + shot.player.name + '</h4><a href="' + shot.url + '">';
                html += '<img src="' + shot.image_teaser_url + '" ';
                html += 'alt="' + shot.title + '"></a></li>';
            });
            document.getElementById('shotsByList').innerHTML = html;
        } 
        jribbble.getShotsByList('popular', callback, {page: 2, per_page: 20});

как запустить его повторно при клике на btn? чтобы на этой же странице, погрузились новые изображения.
пытался сделать так

$('.btn_p').click(function(){
  append( "popular" , count_p , callback );
});

не заработало(

Answer 1

[Arman]

Если кнопка не приходит с аякс-ответом

var page = 1;
var per_page = 20;

jribbble.getShotsByList('popular', callback, {page: page, per_page: per_page});

$('.btn_p').click(function(){
    jribbble.getShotsByList('popular', callback, {page: ++page, per_page: per_page});
});

Comments

[mk320]

Большое спасибо