私は、集中ロゴのホバー上に背景画像のサイクルを実行しようとしており、jQuery Cycle pluginを使用しています。jQueryサイクル・プラグイン[サイクル]終了中。セレクタによってゼロ要素が見つかりました
ただし、このエラーが発生します。[cycle] terminating;
page私は同じ問題を抱えていると思われますが、私が持っているエラーは解決していないようです。
何か助けていただければ幸いです。ありがとう。
HTML::
<div class="home" href="#">
<a href="#about">
<img id="logo" src="images/home/parableLogo.png"/>
</a>
<ul class="imgfill">
<li><img src="images/home/1.jpg"></li>
<li><img src="images/home/2.jpg"></li>
<li><img src="images/home/3.jpg"></li>
<li><img src="images/home/4.jpg"></li>
<li><img src="images/home/5.jpg"></li>
</ul>
</div>
のjQuery:他のユーザーのソリューション次
$(document).ready(function(){
// Cycle plugin
$('.imgfill').cycle({
fx: 'none',
speed: 1,
timeout: 70
}).cycle("pause");
// Pause & play on hover
$('#logo').hover(function(){
$(this).find('.imgfill').addClass('active').cycle('resume');
}, function(){
$(this).find('.imgfill').removeClass('active').cycle('pause');
});
});
テストjQueryの:あなたは間違った選択を使用している
$(document).ready(function(){
// Cycle plugin
$('.home').load('.imgfill', function(){
$('.imgfill').cycle({
fx: 'none',
speed: 1,
timeout: 70
}).cycle("pause");
});
// Pause & play on hover
$('#logo').hover(function(){
$('.home').find('.imgfill').addClass('active').cycle('resume');
}, function(){
$('.home').find('.imgfill').removeClass('active').cycle('pause');
});
});
のリンクしようとしたのですか? – Li357
代わりに$(this)を$( '。home')に置き換えてください。この文脈では、$(this)は#logo要素です。 #logo内部に.imgfillセレクタ – AlmasK89
@ AlmasK89こんにちは、ありがとう。エラーはなくなりましたが、サイクルは機能していません。 – user3453264