jQuery селекторы не работают в Fotorama.io

Question

Что я здесь делаю неправильно?

Link to codepen demo

$(document).ready(function() { 
    var img = $('img'); 
    console.log(img.length); //returns 0 WHY? 
}); 

возвращает 0 объектов в то время как есть 2 img теги. Я попытался объединить его во многих отношениях, только с JS, с доступом API. Ничего не работает. Почему селектора jQuery/JavaScript здесь не работают?

Answer 1

Библиотека fotorama манипулирует вашими img тегами, по этой причине вы получаете 0 на DOM ready. Небольшой взлом - это использовать таймаут.

setTimeout(function(){ 
    var img = $('img'); 
    console.log($('img').length); 
},200) 

* Примечание: значение таймаута не может быть предсказано, и плагин может занять время для инициализации.

Updated Pen