同步克隆傳送帶

我有一個Bootstrap 4傳送帶放在常規視圖內。用戶能夠在模態內查看旋轉木馬。同步克隆傳送帶

模式中的傳送帶和常規視圖中的傳送帶需要同步。所以當一個傳送帶滑動時，另一個傳送帶也會滑動。我試圖克隆原始傳送帶並將其附加到模態。

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

當我在克隆轉盤點擊幻燈片按鈕原來的旋轉木馬幻燈片，但克隆的轉盤停留在原始幻燈片。

我試圖使用Bootstrap slide event設置克隆的滑塊活動幻燈片。這不知何故給了一個JavaScript語法錯誤：無效的正則表達式。

如何同步克隆的滑塊並同時滑動兩個傳送帶？

Codepen

來源

2017-09-30 Gert-Jan Kooijmans

我認爲你必須做對象的深克隆如果要克隆所有的事件處理程序等，我相信的是'$（「旋轉木馬」）.clone（true，true）.appendTo（「。modal-body」）;'（注意clone中的第二個「true」）。 – delinear

@delinear我試圖添加第二個「真」。不幸的是，克隆的滑塊仍然只能控制原來的.. @ –

@Hi只是檢查響應，問候;）。 –

您剛纔對重命名您的傳送帶的ID和元素HTML 一個孩子，你傳送帶上HREF。

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

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

來源

2017-09-30 13:59:32

這不能解決問題。如果您單擊原始傳送帶指示符，prev或下一個按鈕，克隆的傳送帶也應該滑動（即使它不可見）。如果您單擊克隆的滑塊指示器或prev/next按鈕，則兩個滑塊也應滑動。 –

@ Gert-Jan Kooijmans我不是在這裏得到一個賞金，還有什麼我只是告訴你如何解決你的問題，在問候或你的代碼張貼我認爲這項工作在80％做，有一個愉快的一天... –

同步克隆傳送帶

回答

相關問題