2011-10-14 82 views
1

下面的代碼應該在每個元素中添加一些代碼.scrollable。每個元素都應該有內部的第一行,在已經存在的內容之前滾動,第二行在已經存在的內容之後。JQuery prependTo and appendTo unresulting

$('.scrollable').addClass('tny'); 
$('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div><div class="viewport"><div class="overview">').prependTo('.scrollable'); 
$('arse').appendTo('.scrollable'); 

相反,所有的內容都丟失了。我錯了什麼?

對不起,這是從早期

$('.scrollable').addClass('tny'); 
       $('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div><div class="viewport"><div class="overview">').prependTo('.scrollable'); 
       $('</div></div>').appendTo('.scrollable'); 

一個測試,是目前的樣子

+0

顯示HTML代碼 –

+0

請提供一個小提琴如果可能的話 – Andre

+0

對不起應該是這個樣子的。我正在測試。 –

回答

0

你不能prepend()開始標籤和append()結束標籤。這些方法僅適用於「完整」元素。

您應該使用wrapInner()代替:

$('.scrollable').addClass('tny') 
       .wrapInner('<div class="viewport"><div class="overview"></div></div>') 
       .prepend('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>'); 
+0

可愛的東西... –

0

因爲你有<span>arse</span>來代替「屁股」。

更新:

好,這是不正確的:

$('</div></div>').appendTo('.scrollable');

你必須包括在第一prependto查詢那些關閉的div,然後如果你想在這些新創建的div的東西,只需用jquery調用它們並在其中插入你想要的東西

+0

喲媽媽這麼胖,她的屁股需要自己的''標籤。 – Blazemonger