0
我有一个项目,我使用before()和after()javascript方法。我用这样的: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为另一个。事情是,这是工作,直到第6页,之后,它不会创建另一个元素。当网站打开时显示页面1,当用户点击下一个按钮显示页面2和页面3等时,认为HTML代码和想法就像一本书。如果有人知道这是为什么发生。提前致谢。对不起,但我是一个新的JavaScript。
嗯,它适用于我.. http://jsfiddle.net/DP2mY/ – Sebsemillia
适用于我... http://codepen.io/anon/pen/zcGeK – helion3
除非page6之后的元素没有创建动态它应该很好http://jsfiddle.net/arunpjohny/7QpZu/1/ –