2015-05-04 55 views
0

我在這裏做錯了什麼?jQuery選擇器不能在Fotorama.io中工作

Link to codepen demo

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

,同時有2個img標籤返回0對象。我試圖用很多方式初始化它,只用JS,用API訪問。什麼都沒有爲什麼jQuery/JavaScript選擇器在這裏不起作用?

回答

2

fotorama庫操縱您的img標籤,這就是您在DOM準備好時獲得0的原因。有點黑客會使用超時。

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

*注意:無法預測超時值,插件可能需要一段時間才能初始化。

Updated Pen

+0

尼斯黑客。看起來像是有效的,它返回2個超時時間爲〜800的對象。無論如何,它不允許改變特定圖像的''data-fit''屬性。我的意思是,屬性是應用的,但它什麼都不做。 – knitevision

+0

我沒有得到你。你添加的屬性或插件是? –

+0

Fotorama有一些API,其中一個是''data-fit'',http://fotorama.io/customize/fit/,它也允許不同的圖像具有不同的屬性值。它適用於DOM中的圖像,但它沒有做任何事情,因爲它看起來像在Fotorama初始化之前必須應用到實際工作。例如。 http://codepen.io/knitevision1/pen/oXXrzG(灰色的400x400圖像應該是真實的400x400,而不是放大) – knitevision

相關問題