Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery—解析值时出错';不透明度';with.animate()_Jquery_Jquery Animate_Opacity - Fatal编程技术网

jQuery—解析值时出错';不透明度';with.animate()

jQuery—解析值时出错';不透明度';with.animate(),jquery,jquery-animate,opacity,Jquery,Jquery Animate,Opacity,我制作了一个简单的jQuery脚本来淡入和淡出包含文本的div。它在实践中工作得很好,但我得到了这个错误,因为在某些点上不透明度超过了常规值范围 我必须说,对于javascrpt和jQuery,我真的是个新手 function haikuSwitch(){ var $active = $("#haikuwrapper .haiku.active"); if ($active.lenght == 0) $active = $("#haikuwrapper .haiku:first"); var

我制作了一个简单的jQuery脚本来淡入和淡出包含文本的div。它在实践中工作得很好,但我得到了这个错误,因为在某些点上不透明度超过了常规值范围 我必须说,对于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 );
    });

我找不到这个问题的根源。帮忙

我认为不透明度的范围没有问题

我看到一个语法错误,。。。您拼错了高度
height

$active.length
应该是
$active.length

为空或null时,我认为它抛出错误的一个地方是
$next

因此,为该选择器添加检查条件应该是一个好主意

$next.length && $next.css({ 'opacity': 0, 'z-index': '10'})

1.您是否在浏览器中看到任何错误?我发现“length”和“lenght”有拼写错误????2.你是否关闭了haikuSwitch功能?3.不要使用$(function(){})。。。这个函数的内容将在没有任何异常函数的情况下工作wrapsAh,我确实做到了!谢谢但是,if/else位是否足以确保$next始终存在?