クローンカルーセルの同期

Question

私は、通常のビューの内側に配置されたブートストラップ4カルーセルを持っています。ユーザは、モーダル内でカルーセルを見ることができる。

モーダルのカルーセルと通常ビューのカルーセルを同期させる必要があります。したがって、あるカルーセルがスライドすると、他のカルーセルもスライドします。 私は元のカルーセルをクローンしてモーダルに追加しようとしました。私はクローン化されたカルーセルスライドボタン元カルーセルスライドが、元のスライド上のクローン化されたカルーセル滞在をクリック

$(".carousel") 
    .clone(true) 
    .appendTo(".modal-body"); 

。

Bootstrap slide eventを使用して、クローンスライダーアクティブスライドを設定しようとしました。これは何とかjavascriptの文法エラーです：無効な正規表現。

クローンスライダを同期して両方のカルーセルを同時にスライドさせるにはどうすればよいですか？

Codepen

Answer 1

あなただけにあなたの要素のhtmlからあなたのカルーセルとのhrefのID Aの子供カルーセルの名前を変更しています。

(function($) { 
    $("#carouselExampleIndicators1") 
    .clone(true) 
    .attr('id', 'carouselExampleIndicators2') 
    .appendTo(".modal-body") 
    .carousel() 
    .children() 
    .attr('href', '#carouselExampleIndicators2'); 
})(jQuery); 

例：https://codepen.io/anon/pen/veZqGM