0

我正在使用两个 jquery 插件:

英雄轮播和内容悬停。

最初,当我加载页面时,内容悬停正常工作,但是当我在页面上执行硬刷新时,它似乎默认为 display:none。

我尝试禁用英雄轮播插件,这解决了问题,但我不知道两个插件之间的冲突可能在哪里。

我将粘贴所有代码,但这意味着粘贴两个巨大的 jquery 块,可以在此处找到处于当前状态的站点内容悬停插件当前位于滑块下方的左下角图像中。

谢谢。

4

1 回答 1

0

拿这两个脚本:

<script>
$(document).ready(function(){
    $('.hero-carousel').heroCarousel({
        easing: 'easeOutExpo',
         css3pieFix: true
    });
});
</script>
<script>
$('#d1').contenthover({
    overlay_background:'#F25342',
    overlay_opacity:0.8
});
</script>

像这样把它们放在一起:

<script>
$(document).ready(function(){
    $('.hero-carousel').heroCarousel({
        easing: 'easeOutExpo',
        css3pieFix: true
    });

    $('#d1').contenthover({
        overlay_background:'#F25342',
        overlay_opacity:0.8
    });
}); 
</script>

我没有看到任何脚本绑定您的第二个轮播功能。我也没有看到这里提供的缓动库:http: //gsgd.co.uk/sandbox/jquery/easing/你需要它,因为你在上面的轮播函数中使用了缓动。

于 2012-10-03T20:21:02.593 回答