响应式图像映射插件不能在bootstrap轮播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();
    }); 
});