Путаница в JavaScript с до () и после ()

0

У меня есть проект, и я использую методы 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.

  • 0
    Ну, это работает для меня .. jsfiddle.net/DP2mY
  • 0
    У меня работает ... codepen.io/anon/pen/zcGeK
Показать ещё 2 комментария

1 ответ

0
Лучший ответ

Я понял, в чем проблема. Это было так просто, мне пришлось переместить мой код над другим кодом в моем файле для работы! Спасибо за помощь!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню