0

このページに一般的な園芸品種サイクルのスライドショーを掲載しています: 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;  
    }

$ は関数ではないというエラー メッセージが表示されるので、競合が発生しているか、別の何かを台無しにしています。メンタリングガイダンスをいただければ幸いです。

ありがとう。

4

1 に答える 1

1

ええ、あなたは何かと衝突しているように見えます。

chrome:console.log($)は未定義ですが、as がconsole.log(jQuery)機能します。

$('.slideshow')へのクイックフィックス変更jQuery('.slideshow')

于 2012-04-13T14:43:05.350 に答える