テキストを含む div をフェードインおよびフェードアウトする簡単な jQuery スクリプトを作成しました。実際には問題なく動作しますが、ある時点で不透明度が通常の値の範囲を超えると、このエラーが発生します。javascrpt と jQuery に関しては、私は本当に初心者だと言わざるを得ません。
function haikuSwitch(){
var $active = $("#haikuwrapper .haiku.active");
if ($active.lenght == 0) $active = $("#haikuwrapper .haiku:first");
var $next
$sibl = $active.siblings();
if ($sibl.lenght == 0) $next = $("#haikuwrapper .haiku:last");
else {
var randnum = Math.floor(Math.random() * $sibl.length );
$next = $( $sibl[ randnum ] );
}
$active.animate({'opacity': 0}, 2000)
.css({'z-index': '10'})
.removeClass('active');
$next.css({ 'opacity': 0, 'z-index': '10'})
.addClass('active')
.animate({'opacity': 1}, 2000);
}
$(function() {
$("#haikuwrapper .haiku:first").addClass('active')
.css({ 'opacity': 1, 'z-index' : '10'});
setInterval( "haikuSwitch()", 10000 );
});
この問題の原因がわかりません。ヘルプ?