Увеличить динамически отображаемое изображение с помощью Materialbox

Question

Так что я хотел бы увеличить мое динамически отображаемое изображение, когда я нажимаю на него.Я пользуюсь cordova и materializecssЯ хотел бы использовать функцию materialbox. (коробка материалов здесь) Я пробовал много способов, но не смог понять это.Вот мой упрощенный код: Отображение изображений:

    function createHtmlGall(imgTab) {
    let htmlGall = ""

    imgTab.forEach(function(element) {
        htmlGall += '<div class="col s12 m4 l3">'
        htmlGall += '<img src="' + element + '" class="materialbox responsive-img card">'
        htmlGall += '</div>'
    })
    $( "#imagesDiv" ).html(htmlGall)
}

при попытке установить эффект масштабирования при нажатии:

        $(document).on( "click", ".materialbox").materialbox() 

Я хотел бы использовать jquery, если это возможно.