jQuery 选择器在 Fotorama.io 中不起作用

jQuery selectors don't work in Fotorama.io

我做错了什么?

Link to codepen demo

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

它 returns 0 个对象,而有 2 个 img 标签。我尝试以多种方式初始化它,仅使用 JS,具有 API 访问权限。什么都不管用。为什么 jQuery/JavaScript 选择器在这里不起作用?

fotorama 库操纵您的 img 标签,这就是您在 DOM 准备好 0 的原因。一个小窍门是使用超时。

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

*注意:无法预测超时值,插件可能需要一些时间来初始化。

Updated Pen