响应式图像地图插件无法在引导轮播 3 上运行

Question

我通过将插件函数加载到每张幻灯片上解决了这个问题Image Maps jQuery Plugin not working on bootstrap carousel 3()，因此插件适用于整个图像，但是当我滑动到我在插件停止工作之前调用的图像时..

所以我想询问脚本活动图像之前是否加载过插件功能，如果真正刷新页面，则加载插件功能..或者如何知道之前刷过哪个图片！！

Answer 1

您应该在文档中看到轮播的事件部分 - http://getbootstrap.com/javascript/#carousel

您可以捕获事件slide.bs.carousel并使用它来调用函数来渲染图像。

类似的代码可以工作

$(document).ready(function(e) {
    $('#object-images').on('slide.bs.carousel', function () {
         $('img[usemap]').rwdImageMaps();
    }); 
});