jQuery選擇器在Fotorama.io中不起作用

Question

我在這里做錯了什么？

鏈接到Codepen演示

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

它返回0個對象，同時有2個img標簽。 我嘗試通過多種方式來初始化它，僅使用JS和API訪問。 沒用。 為什么jQuery / JavaScript選擇器在這里不起作用？

Answer 1

fotorama庫處理您的img標簽，這就是在DOM准備就緒時獲得0的原因。 一個小技巧是使用超時。

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

*注意：無法預測超時值，插件可能需要一些時間才能初始化。

更新筆