[英]Number of elements in turn.js
我有一些帶有“ append”類的div。 問題是,當我使用插件turn.js時,函數.size()返回錯誤的結果,這是我的HTML
<div id="book">
<div class="folhas" id="0">
<div class="back_img" ></div>
<div class='append' id="foto0"></div>
<div class="legenda_div" id="legenda0">
<textarea class='legenda'></textarea>
</div>
</div>
<div class="folhas" id="1">
<div class='append' id="foto2"></div>
<div class="legenda_div">
<textarea class='legenda'></textarea>
</div>
</div>
<div class="folhas" id="2">
<img class="back_img_fixo" src="imagens/back1.png" width="100%"/>
<div class='append' id="foto2"></div>
<div class="legenda_div">
<textarea class='legenda'></textarea>
</div>
</div>
<div class="folhas" id="3">
<img class="back_img_fixo" src="imagens/back2.png" />
<div class='append' id="foto3"></div>
<div class="legenda_div">
<textarea class='legenda'></textarea>
</div>
</div>
<div class="folhas" id="4">
<div class="back_img" ></div>
<div class='append' id="foto4"></div>
<div class="legenda_div">
<textarea class='legenda'></textarea>
</div>
</div>
<div class="folhas" id="5">
<div class="back_img" ></div>
<div class='append' id="foto5"></div>
<div class='append' id="foto6"></div>
<div class='append' id="foto7"></div>
<div class='append' id="foto8"></div>
<div class='append' id="foto9"></div>
</div>
<div class="folhas" id="6">
<div class="back_img" ></div>
<div class='append' id="foto10"></div>
<div class='append' id="foto11"></div>
</div>
<div class="folhas" id="7">
<div class="back_img" ></div>
<div class='append' id="foto12"></div>
<div class='append' id="foto13"></div>
<div class='append' id="foto14"></div>
</div>
<div class="folhas" id="8">
<div class="back_img" ></div>
<div class='append' id="foto15"></div>
<div class='append' id="foto16"></div>
<div class='append' id="foto17"></div>
<div class='append' id="foto18"></div>
</div>
<div class="folhas" id="9">
<div class="back_img" ></div>
<div class='append' id="foto19"></div>
<div class='append' id="foto20"></div>
</div>
<div class="folhas" id="10">
<div class="back_img" ></div>
<div class='append' id="foto21"></div>
</div>
</div>
這是我的js
$(window).load(function(){
alert($(".append").size());
$('#book').turn({
gradients: true,
acceleration: true
});
alert($(".append").size());
})
第一個警報給我正確的答案22。但是第二個警報輸出10! 當我需要與索引10以上的元素進行交互時,jQuery函數將無法正常工作
最大的問題是我無法處理10以上的de DOM元素!
看看我設置了http://jsfiddle.net/y8xaX/的這個小提琴
$( window ).load( function(){
var item = $( '#book' ).find('.append');
var len = item.length;
alert(len);
$('#book').turn({
gradients: true,
acceleration: true
});
alert(len);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.