У меня есть проект, и я использую методы before() и after() javascript. Я использую его так:
HTML:
<div id="container">
<div><div class="main" style="display:block;">Page 1 odd</div></div>
<div><div class="main" style="display:none;">Page 2 even</div></div>
<div><div class="main" style="display:none;">Page 3 odd</div></div>
<div><div class="main" style="display:none;">Page 4 even</div></div>
<div><div class="main" style="display:none;">Page 5 odd</div></div>
<div><div class="main" style="display:none;">Page 6 even</div></div>
<div><div class="main" style="display:none;">Page 7 odd</div></div>
<div><div class="main" style="display:none;">Page 8 even</div></div>
</div>
JAVASCRIPT:
<script>
$(window).ready(function() {
$('.main:odd').before("<div class='left'></div>");
});
$(window).ready(function() {
$('.main:even').after("<div class='right'></div>");
});
</script>
Таким образом, это создаст нечетные div перед классом. Назовите новый элемент div, названный.left, и тот же для другого. Дело в том, что он работает до тех пор, пока не будет создан другой элемент. Подумайте о html-коде и идее, подобной книге, когда откроется веб-сайт. Страница 1, когда пользователь нажимает следующую кнопку, показывает страницу 2 и Page 3 и так далее. Если кто-нибудь знает, почему это произошло. Заранее спасибо. Извините, но я новичок в javascript.
Я понял, в чем проблема. Это было так просто, мне пришлось переместить мой код над другим кодом в моем файле для работы! Спасибо за помощь!