Javascript confusion with before() и after()

У меня есть проект, и я использую методы javascript before() и after(). Я использую это так:Javascript confusion with before() и after()

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>

Так что это будет создавать в нечетных дивы перед классом .main новый элемент DIV называется .left и тот же для другого. Дело в том, что он работает до тех пор, пока не будет создан другой элемент. Подумайте о html-коде и идее, подобной книге, когда откроется веб-сайт. Страница 1, когда пользователь нажимает следующую кнопку, показывает страницу 2 и Page 3 и так далее. Если кто-нибудь знает, почему это произошло. Заранее спасибо. Извините, но я новичок в javascript.

источник

2014-02-20 Vaios P.

Ну, это работает для меня .. http://jsfiddle.net/DP2mY/ – Sebsemillia

Работает для меня ... http://codepen.io/anon/pen/zcGeK – helion3

, если элементы после страницы6 не созданы динамически это должно быть хорошо http://jsfiddle.net/arunpjohny/7QpZu/1/ –

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

источник

2014-02-22 19:07:33

Javascript confusion with before() и after()

ответ

Смежные вопросы