2014-02-20 54 views
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。

+0

嗯,它适用于我.. http://jsfiddle.net/DP2mY/ – Sebsemillia

+0

适用于我... http://codepen.io/anon/pen/zcGeK – helion3

+0

除非page6之后的元素没有创建动态它应该很好http://jsfiddle.net/arunpjohny/7QpZu/1/ –

回答

0

我发现了什么问题。这很简单,我必须将我的代码移动到我的文件中的另一个代码上才能工作!感谢您的帮助!