Javascript 添加图像会导致滑动转盘出现故障

我正在使用滑溜转盘在我的网站上显示图像。但是，在使用slickAdd方法时，我遇到了一个奇怪的问题

使用此方法时，似乎会弄乱拖动功能。其他项目，如普通div、标题等，添加后效果良好

我制作了一个JSFIDLE，它说明了如下实现的光滑旋转木马的问题（）

$('.container').slick({
            dots:true,
            arrows:false,
});

$('.container').slickAdd('<div class="item"><img src="http://media.caranddriver.com/images/media/51/dissected-lotus-based-infiniti-emerg-e-sports-car-concept-top-image-photo-451994-s-original.jpg" /></div>');

$（“.container”）.slick({
点：是的，
箭头：错，
});
$（'.container'）。添加（''）；

由于在slick初始化之前设置了标记，所以前两个图像工作正常。但是，当滑动到最后一个图像时，无法向任何方向拖动该图像

我已经检查了标记和CSS，第三项与另外两项完全对应，所以我不确定是什么导致了这个问题

奇怪的是，这个问题只存在于Firefox中。在Chrome和IE中工作良好

---

有人知道为什么Firefox会这样吗

尝试将其添加到您的主slick库文件中

Slick.prototype.swipeHandler=函数（事件）{
event.preventDefault（）；

---

根据slick的github，这应该可以解决您的问题，请检查它

另一个解决方案可能是防止元素拖拽，看起来firefox拖拽事件正在干扰slider one：

$('.container').on( 'dragstart', 'img', function() { return false; } );

---

你的提琴在最后一张图片上运行良好。可能是浏览器问题？我目前使用的是chrome。@Mikey OP说这个问题只存在于Firefox中。他提到它在IE和chrome中运行良好，问题在于我能够复制的Firefox。我认为记录错误是正确的做法。@Phillips 126：我的错。我看不出来w:）简单的修复，效果非常好。非常感谢：）