Question

我有一个项目，我使用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中创建。主要是名为.left的新div元素和另一个相同的div元素。问题是这一直有效，直到第6页，之后它不会创建另一个元素。当网站打开时，将html代码和想法想象成一本书显示第1页，当用户点击下一个按钮时显示第2页和第3页等等。如果有人知道为什么会这样。提前致谢。抱歉，我是javascript的新手。

Answer 1

我发现了什么问题。这很简单，我不得不将我的代码移到我文件中的另一个代码上面才能工作！谢谢你的帮助！

Javascript与before（）和after（）的混淆

1 个答案: