使用JQuery Zoom和Bootstrap Carousel

我正在尝试使用带有Bootstrap Carousel的JQuery Zoom插件（ http://www.jacklmoore.com/zoom/ ），以便旋转木马中的每个图像在hover时放大光标位置但是我无法进行缩放将两个插件一起添加后工作，旋转木马工作正常。

我相信它可能是旋转木马防止hover事件到达Zoom插件。

这是我的每个bootstrap轮播项目的代码

和JS一起启动插件

  $(function () { $('.carousel').carousel({ interval: 99999, pause: false }); $('.zoom').zoom({ on: 'click' }); });

先谢谢了

–Update–

经过一番挖掘后，我发现问题在于img-responsive部分，缩放范围大小为0px，0px并且不适合图像大小。我该怎么办呢？

– 解 –

修正了问题，只需将跨度切换为div即可