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

Posted

技术标签:

【中文标题】带有 maphilight 的 Jquery Cycle 插件停止工作【英文标题】:Jquery Cycle plugin with maphilight stops working 【发布时间】:2014-03-30 10:08:05 【问题描述】:

我正在使用带有 jquery maphilight 的 jquery 循环插件来突出显示导致某些问题的传单上的产品,正如您在第一个屏幕截图中看到的那样,它是如何工作的,但是当我添加 maphilight 然后检查屏幕截图 2 这是它的显示方式。 你可以在这里查看 jsFiddle http://jsfiddle.net/Yjuqs/

这是jquery循环插件和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'

        );
    );

【问题讨论】:

【参考方案1】:

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

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

【讨论】:

是的已经试过了,如果我添加准备好的文档然后下一个按钮也停止工作并且图像一个接一个地显示,没有准备好文件一切都在工作,只有图像相互重叠。 我发现问题不在于 jquery,而是 jquery maphilight 插件,如果我添加它,那么会发生这种情况,否则它工作正常,您可以在此处查看 jsfiddle.net/Yjuqs

以上是关于带有 maphilight 的 Jquery Cycle 插件停止工作的主要内容,如果未能解决你的问题,请参考以下文章

HTML JQuery Maphilight 没有突出显示 - 不知道为啥

Jquery Maphilight 打印问题

jQuery maphilight 通过单击将区域设置为 alwaysOn

Maphilight 与 IE9 中的 Jquery 选项卡发生冲突

jQuery maphilight 不工作

jQuery Maphilight。在突出显示新之前切换alwaysOn