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

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')