Javascript 带有maphilight的Jquery Cycle插件停止工作

Javascript 带有maphilight的Jquery Cycle插件停止工作,javascript,jquery,jquery-cycle2,maphilight,Javascript,Jquery,Jquery Cycle2,Maphilight,我使用jquery cycle插件和jquery maphilight来突出显示传单上的产品,这会导致一些问题,正如您在第一个屏幕截图中看到的,它是如何工作的,但当我添加maphilight后,请检查屏幕截图2,这就是它的显示方式。 您可以在这里的jsFiddle上查看它 这是jquery cycle插件和jquery maphilight的代码 <script type="text/javascript" src="js/jquery.cycle.all.js" ></sc

我使用jquery cycle插件和jquery maphilight来突出显示传单上的产品,这会导致一些问题,正如您在第一个屏幕截图中看到的,它是如何工作的,但当我添加maphilight后,请检查屏幕截图2,这就是它的显示方式。 您可以在这里的jsFiddle上查看它

这是jquery cycle插件和jquery maphilight的代码

<script type="text/javascript" src="js/jquery.cycle.all.js" ></script>
<script src="js/jquery.cycle2.js"></script>
<script src="js/jquery.cycle2.carousel.js"></script>
<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
$(function() {
        $('img').maphilight({
            fade:true,
            fadeDuration:500 ,
            fillOpacity :0.2,
            stroke:false,
            fillColor:'ffffff'

        });
    });

请使用文档就绪jQuery函数,文档就绪时调用函数

<script>
$(document).ready(function(){
  $.fn.cycle.defaults.autoSelector = '.slideshow'; //call slider
})
</script>

是的,如果我添加文档准备就绪,则“下一步上一步”按钮也停止工作,图像一个接一个显示,没有文档准备就绪,所有内容都工作,只有图像相互重叠。我发现问题不在于jquery,而在于jquery maphilight插件。如果我添加它,则会发生这种情况,否则效果很好。您可以在此处查看