2014-02-20 80 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

我發現了什麼問題。這很簡單,我必須將我的代碼移動到我的文件中的另一個代碼上才能工作!感謝您的幫助!