Twitter bootstrap 引导转盘中的cocoen滑块

我正在使用更改滑块库（cocoen）

它工作得非常完美，但如果我使用这种方法，我想在引导carousal中使用它：

document.querySelectorAll('.cocoen').forEach(function(element){
  new Cocoen(element);
});

这只适用于第一个滑块，之后我将在引导carousal事件中尝试如下操作：

$('#MySlider').on('slide.bs.carousel', function () {
                if($('#MySlider div.item').hasClass('active')) 
                {
                    new Cocoen(('#MySlider .cocoen'));

                }
            })

这也不管用,， 我的旋转木马代码：

 <div class="container">
            <div id="MySlider" class="carousel slide" data-ride="carousel">
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item">
                        <div class="cocoen">
                            <img src="images/before.jpg" alt="">
                            <img src="images/after.jpg" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="cocoen">
                            <img src="images/before.jpg" alt="">
                            <img src="images/after.jpg" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="cocoen">
                            <img src="images/before.jpg" alt="">
                            <img src="images/after.jpg" alt="">
                        </div>
                    </div>
                </div>
                <!-- Controls -->
                <a class="left carousel-control" href="#MySlider" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#MySlider" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
                </a>
            </div>

        </div>

---

请指导我

我也遇到过同样的问题，但我正在使用猫头鹰转盘

我已将这一行添加到

cocoen.js

文件中的

onDragStart（）

方法中：

this.dimensions();

然后，每个拖动元素都会占据正确的位置

---

希望有帮助

你找到解决办法了吗？同样的事情也发生在我的旋转木马上