jquery - 为什么 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')