同步克隆传送带

我有一个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％做，有一个愉快的一天... –

同步克隆传送带

回答

相关问题