Warum überlappen sich die jQuery Cycle-Bilder nicht?

Question

Ich setze eine gemeinsame Gartenzyklus Diashow auf diese Seite: http://www.orientalhealthsolutions.com/index-new. Aus irgendeinem Grund die Bilder nicht überlappen, wie sie in meinem Test-Konfiguration hier tun: http://www.orientalhealthsolutions.com/cycle.html

ist die 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> 

Hier ist die jQuery:

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

Hier ist die CSS:

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

Ich bekomme eine Fehlermeldung, dass $ keine Funktion ist, also ich eithe Ich habe einen Konflikt oder ich habe etwas anderes vermasselt. Jede Mentoring-Anleitung wäre willkommen.

Danke.

Answer 1

Yeah sieht aus, als ob Sie einen Konflikt mit etwas haben.

In Chrom: console.log($) ist undefiniert, wo als console.log(jQuery) funktioniert.

Quick Fix Änderung $('.slideshow')-jQuery('.slideshow')