Question

我将在此页面上放置一个常见的花园多样性循环幻灯片：http://www.orientalhealthsolutions.com/index-new。出于某种原因，图像不会像我在测试配置中那样重叠：http://www.orientalhealthsolutions.com/cycle.html

这是html：

<div class="slideshow">
    <img src="/photos/slideshow-1.jpg" alt="slideshow-1" width="600" height="410" />
    <img src="/photos/slideshow-2.jpg" alt="slideshow-2" width="600" height="410" />
</div>

这是jQuery：

$('.slideshow').cycle({
   fx: 'fade' 
});

这是CSS：

.slideshow  { 
    width: 600px; 
    height: 410px; 
    overflow: hidden;  
    }

我收到一条错误消息，指出$不是一个函数，所以我要么发生冲突，要么我搞砸了别的东西。任何指导指导都将不胜感激。

感谢。

Answer 1

是的，好像你发生了冲突。

在Chrome中：console.log($)未定义，console.log(jQuery)可用。

快速修复$('.slideshow')至jQuery('.slideshow')

为什么jQuery Cycle图像不会相互重叠？

1 个答案: