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/ –