Я использовал цикл2 несколько раз, но пытаюсь сделать что-то немного другое с HTML, чем то, что я обычно делал бы. Пожалуйста, смотрите мой код ниже. Правильно ли я поступаю со значением «data-cycle-slides»?
<div class="cycle-slideshow"data-cycle-fx="scrollHorz"data-cycle-speed="700"data-cycle-timeout="3600"data-cycle-slides="> section > div.is-left">
<section id="is-top">
<?php foreach ($array as $key => $value) { ?>
<div class="is-left ic">
<div class="in">
<!-- more html -->
</div>
</div>
<?php } ?>
<div id="other-stuff">
<p>yo!</p>
</div>
<div id="more-stuff">
<p>hey!</p>
</div>
</section>
</div>
Это выглядит нормально для меня, и когда я просматриваю исходный код страницы, все кажется неправильным Но когда я смотрю на Firebug или инструменты разработчика Firefox, все кажется не в порядке. Если в массиве есть два элемента, я вижу что-то вроде этого …
<div class="cycle-slideshow" data-cycle-fx="scrollHorz" <!-- et cetera -- >>
<div class="is-left ic">
<div class="in">
<!-- more html -->
</div>
</div>
<section id="is-top">
<div id="other-stuff">
<p>yo!</p>
</div>
<div id="more-stuff">
<p>hey!</p>
</div>
</section>
<div class="is-left ic">
<div class="in">
<!-- more html -->
</div>
</div>
<div class="is-left ic">
<div class="in">
<!-- more html -->
</div>
</div>
</div>
Обратите внимание, что элементы, которые должны появляться внутри # is-top, появляются за пределами этого раздела. Кроме того, в firebug есть как-то три элемента .is, а их должно быть два.
Я не знаю, является ли это случаем, когда firebug делает ошибку и вызывает у меня некоторое замешательство, или я использую неправильный подход с помощью cycle2.
Задача ещё не решена.
Других решений пока нет …