binding click event to an image

[cabillier]

i'm unable to bind event to if the browser hits the breakpoint... how can I do this?

$('.img-gallery').slick({ slidesToShow: 6, slidesToScroll: 3, arrows: false, rows: 3, infinite: false,

    responsive: [
        {
            breakpoint: 1200,
            settings: {
                slidesToShow: 5,
                slidesToScroll: 3,
            }
        },
        {
            breakpoint: 992,
            settings: {
                slidesToShow: 4,
                slidesToScroll: 3,
            }
        },
        {
            breakpoint: 768,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
            }
        }

    ]
});

$('.img-gallery').on('click', '.q-mark-btn', function(e) { e.preventDefault(); var img = $(this); var modal = $('#godissInfoModal .modal-contents'); modal.find('.img-modal img').attr('src', 'assets/images/godiss/' + img.attr('data-candy-img')); modal.find('.candy-name').text(img.attr('data-candy-name')); modal.find('.candy-info').text(img.attr('data-candy-info')); modal.find('.candy-ingre #ingreCont').text(img.attr('data-candy-ing')); });

how can I bind events to slick?