Простой код, не знаю, почему он не работает. Я пытаюсь подсчитать количество непосредственных дочерних элементов в div, и у меня нет большого успеха:
<body>
<ul>
<li class="page1 active" data-index="1"><a href="#1"></a></li>
<li class="page2" data-index="2"><a href="#2"></a></li>
<li class="page3" data-index="3"><a href="#3"></a></li>
</ul>
<div class="wrapper">
<div class="main">
<section class="page1 active" data-index="1">Scroll 1</section>
<section class="page2" data-index="2">Scroll 2</section>
<section class="page3" data-index="3">Scroll 3</section>
</div>
</div>
</body>
Однако, когда я console.log
этот код:
console.log($('div.main').children('section').length);
Я получаю результат 0, когда это должно быть 3. Почему это? Я использую FF25 и jQ 1.9.1, если это помогает.
Пробовав это сам, он приходит с 3. На JSBin: http://jsbin.com/iBIBaLi/1/edit
$(document).ready(function(){/* your code here */})
(или эквивалентный)? Существует ли DOM, когда браузер обнаруживает скрипт?