jQuery - 使用 .animate() 解析值“不透明度”时出错

Posted 2023-05-08

【中文标题】jQuery - 使用 .animate() 解析值“不透明度”时出错

【英文标题】：jQuery - Error in parsing value 'opacity' with .animate()

【发布时间】：2013-06-18 02:23:35

【问题描述】：

我制作了一个简单的 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 );
    );

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

【问题讨论】：

1.您在浏览器中看到任何错误吗？我看到“长度”作为“长度”有拼写错误？？？？ 2.你关闭了haikuSwitch功能吗？ 3.不要通过 $(function()); 使代码复杂化； ...这个函数的内容将在没有任何匿名函数包装的情况下工作

【参考方案1】：

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

我看到了一个语法错误...你拼错了height

$active.lenght 应该是$active.length

当empty or null$next 时，我认为它会引发错误的一个地方是$next

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

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

【讨论】：

啊，我确实做到了！谢谢！但是，if / else 位不足以确保 $next 始终存在吗？