傳送帶的附加功能

Question

我正在嘗試將附加功能添加到傳送帶上。旋轉木馬的默認行爲是左右滾動，這很好。

我真正想用這個旋轉木馬來實現的目的是在用戶點擊列表中的一個項目時，在旋轉木馬上方的div中顯示列表的內容。但用我現在的代碼，似乎所有的列表項都被克隆並插入到內容類中。另外，一旦用戶點擊列表，它應該替換已經存在於內容類中的項目。

<div class="content"> 
    </div> 
    <div class="carousel"> 
     <ul> 
      <li><a href="#"><img src="test1.jpg" alt="" /><em>Excepteur sing occaecat cupidatat</em></a></li> 
      <li><a href="#"><img src="test2.jpg" alt="" /><em>Excepteur sing oc</em></a></li> 
      <li><a href="#"><img src="test3.jpg" alt=""/><em>Excepteur sing oc</em></a></li> 
      <li><a href="#"><img src="test4.jpg" alt="" /><em>Excepteur sing occaecat</em></a></li> 
      <li><a href="#"><img src="test5.jpg" alt="" /><em>Excepteur sing</em></a></li> 
     </ul> 
    </div> 



$(function() { 
     $('.carousel ul li').click(function() { 
     $(this).addClass('current').siblings().removeClass('current'); 
     $('current li').clone().appendTo('.content'); 

    }); 
}); 

Answer 1

以上回答似乎是正確的，但如果你想操縱附加類的內容元素，那麼你可以改變的.text（）爲.html（如下圖）。

$(this).addClass('current').siblings().removeClass('current'); 
$('.content').empty(); 
$('.content').append($('.current').html()) ; 

Answer 2

你爲什麼克隆（）這個。 insted的使用

$(this).addClass('current').siblings().removeClass('current'); 
$('.content').empty(); 
$('.content').append($('.current').text()) ;